Course Description
This 3-day introductory course is for website designers who have some experience building web pages. Lessons familiarize students with the ins and outs of basic JavaScript and then move on to tools for adding interactivity to a Web site as quickly and easily as possible with the help of pre-written jQuery libraries.
Objectives
• Getting Started With Javascript
• The Essential Javascript Statements
• Javascript Objects, Functions, And Events
• Testing And Debugging A Javascript Application
• Scripting The DOM With Javascript
• Links And Images
• Introduction To jQuery
• Effects And Animations
• Forms And Data Validation
• jQuery Plugins And jQuery UI Widgets
• Numbers, Strings, And Dates
Agenda
How a web application works
• The components of a JavaScript application
• The HTML skills that you need for this book
• The CSS skills that you need for this book
• How to test a JavaScript application
• How to use Aptana to develop JavaScript applications
Getting started with JavaScript
• How to include JavaScript in an HTML document
• The JavaScript syntax
• How to work with JavaScript data
• How to use objects, methods, and properties
• Two illustrative applications
The essential JavaScript statements
• How to code conditional expressions
• How to code the basic control statements
• Three illustrative applications
• How to work with arrays
• The Test Scores application with an array
How to work with JavaScript objects, functions, and events
• How to use objects to work with data
• How to use functions
• How to handle events
• Two illustrative applications
How to test and debug a JavaScript application
• An introduction to testing and debugging
• How to debug with Chrome’s developer tools
• Other debugging methods
How to script the DOM with JavaScript
• DOM scripting properties and methods
• The FAQs application
• How to script forms and controls
• The Register application
• How to add and remove nodes from the DOM
• The Register application with a table
How to work with links and images
• The Image Swap application
• How to use timers
• The Slide Show application
Get off to a fast start with jQuery
• Introduction to jQuery
• The basics of jQuery programming
• The Email List application in jQuery
• A working subset of selectors, methods, and event methods
• Three illustrative applications
How to use effects and animations
• How to use effects
• A Slide Show application with effects
• How to use animation
• A Carousel application with animation
How to work with forms and data validation
• Introduction to forms and controls
• How to use jQuery to work with forms
• A Validation application that uses JavaScript
How to use jQuery plugins and jQuery UI widgets
• Introduction to jQuery plugins
• How to use three of the most popular plugins
• Introduction to jQuery UI
• How to download jQuery UI
• How to use five of the most popular jQuery UI widgets
How to work with numbers, strings, and dates
• How to work with numbers
• The PIG application
• How to work with strings
• How to work with dates and times
• The Count Down application