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
- 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
- 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 use objects to work with data
- How to use functions
- How to handle events
- Two illustrative applications
- An introduction to testing and debugging
- How to debug with Chrome’s developer tools
- Other debugging methods
- 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
- The Image Swap application
- How to use timers
- The Slide Show application
- 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
- A Slide Show application with effects
- How to use animation
- A Carousel application with animation
- 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
- The PIG application
- How to work with strings
- How to work with dates and times
- The Count Down application
