Programming jQuery Training

In this training course you will learn how to use jQuery. jQuery is a JavaScript Library full of tools ready to be used- Which means that it's pre-written JavaScript, ready for you to put to work in your own webpage. jQuery specializes in letting you select elements in a page also creating and manipulating wrapped sets of elements and handle multiple sets at the same time.

The jQuery JavaScript library can enhance your websites regardless of your background. This course will guide you past the pitfalls associated with Ajax, events, effects and advanced JavaScript language features.

Course Outline

Essential jQuery

• About jQuery
• What jQuery Does
• Making Our First jQuery-Powered Web Page
• Plain JavaScript Versus jQuery
• Using Development Tools

Selecting Elements

• Using the DOM
• Using the $() Function
• CSS Sectors
• Attribute Selectors
• Custom Selectors
• DOM Traversal Methods
• Accessing DOM Elements

Handling Events

• Performing Tasks on Page Load
• Handling Simple Events
• Event Propagation
• Altering the Journey � the Event Object
• Removing an Event Handler
• Simulating User Interaction

Styling and Animating

• Modifying CSS with Inline Properties
• Hiding and Showing Elements
• Effects and Duration
• Creating Custom Animations
• Simultaneous Versus Queued Effects

Manipulating the DOM

• Manipulating Attributes and Properties
• DOM Tree Manipulation
• Copying Elements
• Content Getter and Setter Methods
• DOM Manipulation Methods in a Nutshell

Sending Data with Ajax

• Loading Data on Demand
• Choosing a Data Format
• Passing Data to the Server
• Delivering Different Content for Ajax Requests
• Keeping an Eye on the Request
• Error Handling
• Ajax and Events
• Security Limitations
• Exploring Additional Options

Using Plugins

• Finding Plugins and Help
• Using a Plugin
• Other Types of Plugin
• The jQuery UI Plugin Library
• The jQuery Mobile Plugin Library

Developing Plugins

• Using the Dollar ($) Alias in Plugins
• Adding New Global Functions
• Adding jQuery Object Methods
• Providing Flexible Method Parameters
• Creating Plugins with jQuery UI Widget Factory
• Plugin Design Recommendations

Advanced Selectors and Traversing

• Selecting and Traversing Revisited
• Customizing and Optimizing Selectors
• DOM Traversal Under the Hood

Advanced Events

• Revisiting Events
• Event Delegation
• Defining Custom Events
• Throttling Events
• Extending Events

Advanced Effects

• Animation Revisited
• Observing and Interrupting Animations
• Using Global Effect Properties
• Multiproperty Easing
• Using Deferred Objects
• Taking Fine-Grained Control of Animations

Advanced DOM Manipulation

• Sorting Table Rows
• Moving and Inserting Elements Revisited
• Storing Data Alongside DOM Elements
• Using HTML5 Custom Data Attributes
• Sorting and Building Rows with JSON
• Revisiting Attribute Manipulation

Advanced Ajax

• Implementing Progressive Enhancement with Ajax
• Handling Ajax Errors
• Using the jqXHR Object
• Throttling Ajax Requests
• Extending Ajax Capabilities