Introduction to JavaScript & jQuery

Slides:

Advertisements

Similar presentations

Silverlight is a cross-browser, cross-platform plug-in* * An auxiliary program that works with a software package to enhance its capability. For example,

Advertisements

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.

WebFOCUS Active Technologies: Continuing Innovation

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Multimedia Authoring Tools Jon Ivins DMU. Essence of Multimedia… n Combination and integration of different media elements for presentation via a unified.

It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.

CSC 2720 Building Web Applications JavaScript. Introduction  JavaScript is a scripting language most often used for client-side web development.  JavaScript.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.

Development of mobile applications using PhoneGap and HTML 5

Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Web Design Basic Concepts.

Definition from Wikipedia.  The Prototype JavaScript Framework  implemented as a single file of JavaScript code  named prototype.js (

Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.

Flash: Overview Macromedia Flash MX Instructor: Adam Cavotta.

© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.

What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.

Day 17. » Client side and Server side » Since PHP is Server side and can output anything we want, we can output to JS. » With JS libraries, we can create.

Instructor, Dr. Khalili Bahram Jeevan Kumar Gogineni.

Silverlight Technology. Table of Contents 1.What is Silverlight Technology? 2.Silverlight Overview. 2.1 How it works 2.2 Silverlight development tools.

Microsoft Silverlight An Introduction. Silverlight is a cross-browser, cross-platform plug-in* * An auxiliary program that works with a software package.

Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.

Animation & Effects Using JQuery. What is jQuery? jQuery is a lightweight, JavaScript library. The purpose of jQuery is to make it much easier to use.

Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.

1 Chapter 13 Programming Languages and Program Development Tools.

Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

Web Development Process The Site Development Process Site Construction is one of the last steps.

Libraries and APIs CMPT 281. Overview Basics of libraries and APIs Rich internet applications Examples – Scriptaculous – JQuery.

HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

1 What is JQuery. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax* interactions.

ANIMATION FOR THE WEB. WHAT ARE WEB ANIMATIONS? Web animations are often saved as GIF, CSS, SVG, WebGL or video Ranges from simple animations (hover effects)

Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.

INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.

Lesson 5 MULTIMEDIA. Multimedia on the Web has expanded rapidly as broadband connections have allowed users to connect at faster speeds. Almost all Web.

Chapter 15 Introducing jQuery Part 1. What is JavaScript? A programming language to add dynamic features to a web page. Client side.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.

Microsoft Silverlight An Introduction. Silverlight is a cross-browser, cross-platform plug-in* * An auxiliary program that works with a software package.

MICROSOFT AJAX CDN (CONTENT DELIVERY NETWORK) Make Your ASP.NET site faster to retrieve.

Introduction of Scratch (1/4) You can find Scratch on the Web:

Doktorant ė : Egl ė Mickevi č i ū t ė Software development technologies KAUNO TECHNOLOGIJOS UNIVERSITETAS INFORMACIJOS SISTEM Ų KATEDA Kaunas, 2013.

Best Institutes offering Software Development courses.

JQuery Fundamentals Introduction Tutorial Videos

Web Technologies Computing Science Thompson Rivers University

4.01B Authoring Languages and Web Authoring Software

Rajesh Lal ( ) Microsoft Silverlight An Introduction Rajesh Lal ( )

Rajesh Lal ( ) Microsoft Silverlight An Introduction 51PPT模板网搜集整理 Rajesh Lal (

Animation for the Web.

User Interface Design and Usability jQuery, jQuery UI & jQuery Plugins

JavaScript is a language that is used on any website to add tags, improve the function of the website and allow users to interact. When the development.

JQUERY Online TRAINING AT GOLOGICA

Application with Cross-Platform GUI

Microsoft Silverlight

COM 205 Multimedia Applications

4.01B Authoring Languages and Web Authoring Software

Silverlight Technology

JQuery with ASP.NET.

COM 205 Multimedia Applications

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

3.02D Multimedia Authoring Programs

About Multimedia Files

Lesson 5: Multimedia on the Web

and Program Development

Javascript and JQuery SRM DSC.

Choosing between Silverlight and AJAX

Web Technologies Computing Science Thompson Rivers University

Web Client Side Technologies Raneem Qaddoura

Presentation transcript:

Introduction to JavaScript & jQuery Lesson 8

Lesson Objectives You will learn an overview of how to use JavaScript How to use the jQuery JavaScript Library You will add interactivity to your pages with JavaScript and jQuery

What is interactivity ? We have learned that html provides the structure of and css provides the style of a web page. Although they both do a good job for their intended roles, they have limitations when it comes to interactivity. Interactivity is the extent of a computer program and a human being having a dialog with. Hyperlinks are a good example.

JavaScript provides interactivity JavaScript is a scripting language (an instructional language) and the programming principles do not come easily to visual designers. You will not become a JavaScript programmer at the end of this lesson but you will understand enough of the basics to modify your web pages for your final website.

What happened to Silverlight? Microsoft Silverlight is a developer tool and was used extensively in html4 to create interactive user experiences for Web and mobile applications. http://msdn.microsoft.com/en-us/silverlight/bb187401 However, the commercial media industry which has been undergoing a major transition as content providers are moving away from proprietary web plug-in based delivery like Flash and Silverlight and replace them with unified plug-in free video players that are based on HTML5 specifications

What about Adobe Flash! Flash is a vector animation software, originally designed to create animations for display on web pages. Vector graphics are ideal for the web because they are very small in size. Adobe Flash was a large component of html4 as was Silverlight which are now being replaced with HTML5 specs.

What is jQuery jQuery is a feature-rich JavaScript library. It makes things like HTML documents traversal (going back and forth across areas) manipulation, event handling, animation and Ajax much simpler with an user friendly API (application program interface) that works across a multitude of browsers. http://jqueryui.com/demos/

Accompanied Lesson Projects Listen to Lesson 8 video tutorial. From the binder, read and follow the steps to to complete Lesson 8 Project. Complete self-Study Lesson 8 Complete the Review Questions_L8 Take Test10 on Schoology