JavaScript and jQuery Programming: Level 1 Course Outline
Overview
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.
Prerequisites
Students should feel comfortable with HTML and CSS to get the most from this course. Participants should have taken the class below or have similar experience:
HTML 5 and CSS Content Authoring: Level 1
Who Should Not Attend
This course is NOT intended for advanced developers who want to build jQuery programs from the ground up. This course is most appropriate for designers who want to leverage pre-written jQuery libraries to add user-interactive features to their web pages.
COURSE OUTLINE
Part I: Getting Started with JavaScript
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
Part II: Programming with jQuery
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
View outline in Word
IJJ101