This three-day introductory course is designed for website designers who have accumulated some practical experience building web pages. The lessons familiarize students thoroughly with the fundamentals of JavaScript programming and then progress to tools for adding interactive features to websites as quickly and efficiently as possible using pre-written jQuery libraries and frameworks.
Prerequisites:
Students should feel comfortable working with HTML and CSS to derive maximum benefit from this course. Participants should have completed the class listed below or should possess equivalent experience:
HTML 5 and CSS Content Authoring: Level 1
Who Should Not Attend:
This course is NOT intended for advanced software developers who want to build jQuery programs entirely from the ground up. This course is most appropriate for web designers who want to leverage pre-written jQuery libraries to add interactive user features to their web pages efficiently.
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 course
- The CSS skills that you need for this course
- How to test a JavaScript application effectively
- How to use Aptana for JavaScript application development
- Getting Started with JavaScript
- How to include JavaScript code in an HTML document
- The JavaScript syntax and language fundamentals
- How to work with JavaScript data types and values
- How to use objects, methods, and properties
- Two illustrative applications demonstrating concepts
- The Essential JavaScript Statements
- How to code conditional expressions and logic
- How to code basic control statements for flow
- Three illustrative applications demonstrating techniques
- How to work with arrays for data management
- 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 for code reusability
- How to handle events and user interactions
- Two illustrative applications demonstrating concepts
- How to Test and Debug a JavaScript Application
- An introduction to testing and debugging practices
- How to debug using Chrome's developer tools
- Other debugging methods and techniques
- 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 for timed actions
- The Slide Show application
- Get Off to a Fast Start with jQuery
- Introduction to jQuery and its benefits
- The basics of jQuery programming
- The Email List application in jQuery
- A working subset of selectors, methods, and event methods
- Three illustrative applications demonstrating jQuery
- How to Use Effects and Animations
- How to use effects for visual feedback
- A Slide Show application with effects
- How to use animation for smooth transitions
- 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 using JavaScript
Part II: Programming with jQuery
- How to Use jQuery Plugins and jQuery UI Widgets
- Introduction to jQuery plugins and their benefits
- How to use three of the most popular plugins
- Introduction to jQuery UI framework
- 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 and numeric operations
- The PIG application
- How to work with strings and text manipulation
- How to work with dates and times
- The Count Down application
