UPCOMING CLASSES

Date	Instructor	Price	Status	Venue
Jul 15 - Jul 19	Aquino	$3700	Register Now!	Atlanta, Georgia

What You’ll Learn

Upon completion of HTML5 Apps with jQuery, the student will be able to:

• Understand JavaScript objects, arrays, and functions
• Bind to DOM events
• Work with JavaScript's prototypal inheritance
• Traverse and modify the DOM with jQuery
• Use advanced CSS selectors
• Access remote resources with AJAX
• Write clean AJAX callbacks with jQuery's Deferred objects
• Create lightweight animations
• Protect data using the Module Pattern
• Implement a Single-Page app
• Model application data using JavaScript objects
• Create View templates
• Debug code effectively
• Avoid cross-browser pitfalls
• Handle network errors
• Create and validate HTML5 forms
• Synchronize data with remote web services
• Test and profile code
• Use CSS3 Media Queries for Responsive Design
• Access Geolocation data
• Create data visualizations with Canvas and SVG
• Store data using localStorage and sessionStorage
• Take apps offline with the Application Cache

HTML5 Apps with jQuery SYLLABUS

Section	Contents
Open HTML5 Apps with jQuery
Setup	Beginning development with Chrome and a text editor
SimpleApp	Develop a simple HTML5 App
Document Object Model	Learn what the DOM is and its relationship to HTML
Basic CSS and CSS Selectors	The basics of the box model, simple styling, and understanding ways of addressing rendered DOM elements
Introducing the DOM API	Creating, removing, and manipulating DOM elements with JavaScript
Functions I	Creating and using functions, anonymous functions, and arguments
Closures and Callbacks	Capturing variables and effective use of the callback pattern
Objects	A look at objects, properties, and arrays
DOM Traversal and Events	Moving around the DOM Tree and responding to clicks and keypresses
User Interaction	Creating a simple data viewer
Introducing jQuery	Leverage CSS Selectors and the callback pattern for responding to user interaction using the jQuery library
Debugging Fundamentals	How to use the console, breakpoints, the call stack, and other tools for understanding what happens when code runs in the browser
HTML5 Forms	How and when to use the new HTML5 Form elements. Validate user input, provide user feedback, and capture data
Storage APIs	Storing JSON data in the browser using the localStorage and sessionStorage APIs
AJAX	Covers the various methods for communicating with remote web services asynchronously
Remote Data	Using jQuery's Deferred object for handling remote data, server errors, and network timeouts
Application Cache	Providing offline functionality to the app
Modules	How to group functionality into objects and how to protect implementation details using the Module Pattern
Functions II	An in-depth look at function application and context. Focuses on best-practices when using constructors, closures, and anonymous functions
Inheritance	How to work with, and not against, JavaScript's powerful prototypal inheritance
Mixins	How to create and use mixins to apply behavior to different kinds of objects without resorting to complicated inheritance chains
The MVC Pattern	A clean and simple approach to an often misunderstood design pattern
Templating	Covers EJS and logicless templating options
Animation Basics	Applying visual behaviors to your views via mixins. Examining jQuery animations vs. CSS3 animations
MVCS: A variation of MVC	Storing and querying data locally
Data Synchronization	Synchronizing local data with a remote web service. Undo/redo with data versioning
Add-on Modules	A further exploration of HTML5 APIs by creating add-on modules
Geolocation	Making the app location-aware
Data Visualization	Introducing Canvas API and SVG
Mobile and Responsive Design	Using CSS3 Media Queries to adapt the UI to a variety of different screen sizes and pixel densities. How to profile the size and speed of your app

REQUIREMENTS

Students should have a basic understanding of object-oriented programming. Experience with a programming language is expected, though it does not have to be JavaScript. Working knowledge of HTML and CSS will be very helpful, but is not required. Students may want to read Head First HTML and CSS for an overview of these technologies.