Duration
3 days
Objective
DOM Scripting and Ajax Using jQuery training teaches attendees how to use the freely-available jQuery library to simplify nearly any client-side scripting task. Attendees will learn how to write efficient jQuery selectors to round up sets of DOM elements, how to use the framework's many methods to manipulate DOM elements, how to use the jQuery event API to set up event listeners and event delegation, how to manage Ajax requests with jQuery and how to extend jQuery with custom filters and methods.
Prerequisite
Attendees must have substantial prior experience developing with JavaScript
Module 1: Getting Started with jQuery
- Getting the Most Recent Version of jQuery
- Framework Structural Overview
- Using jQuery with Other Libraries
- Commencing Execution When the DOM Tree is Ready
- Survey of jQuery Utility Methods
Module 2: Selecting and Manipulating DOM Elements with jQuery
- Basic CSS Selectors
- Hierarchical Selectors
- Attribute Selectors
- Basic Filters
- Content Filters
- Visibility Filters
- Child-Specific Filters
- Form Element Filters
Module 3: Survey of Additional jQuery Object Methods
- Event Helper Methods
- Interaction Helper: hover()
- A Closer Look at the jQuery Event Object
- jQuery Live Events and Event Delegation
- Exploring Ways to Pass Data to Event Callbacks
- jQuery Custom Events
- jQuery Special Events
Module 4: jQuery and Ajax
- The load() Method
- Basic Ajax Requests with $.get() and $.post()
- $.getJSON() and $.getScript()
- Exercising Complete Control with $.ajax()
- Global Ajax Events
- Ajax Helper Methods
Module 5: Extending jQuery
- Adding Custom Filters to Selectors
- Best Practices for Plugin Methods
- Utility Method Plugins
- jQuery Object Method Plugins
- Providing Default Argument Values
Programme scope, delivery arrangements and suitability are confirmed during enquiry.