Course 467:
Advanced jQuery Web Development

(3 days)


Course Description

Integrating Asynchronous JavaScript and XML (AJAX) techniques into applications is quite common in today’s rapidly moving world of Web development. In this course, students will learn how to enhance their Web applications using the jQuery script library and significantly boost their productivity. Topics covered include using jQuery selectors, handling events, manipulating the DOM, and calling different types of services to retrieve data. Additional information about enhancing pages with jQuery animations will also be covered.

Learning Objectives

  • How jQuery can enhance productivity
  • What the jQuery is and why it’s so popular
  • Selecting DOM objects using jQuery selectors
  • The role of jQuery event handlers
  • How to chain jQuery functions
  • DOM manipulation techniques including adding and removing nodes
  • How to send and receive data from Web services
  • jQuery animation techniques
  • jQuery UI features
  • How to use jQuery plugins
  • Creating custom plugins
  • Client-side templates with Handlebars
  • Client-side data binding techniques
  • jQuery mobile fundamentals


Experience building applications that use HTML, CSS, and JavaScript.

Course Outline

1. Getting Started with jQuery

  • Getting Started with jQuery
  • Introduction to Selectors
  • Understanding Control Chaining
  • Detecting When a Page Has Loaded

2. The jQuery Event Model

  • jQuery Event Model Benefits
  • Handling Click Events
  • Using on() and off()
  • Handling Hover Events
  • Accessing Event Properties

3. Manipulating the DOM with jQuery

  • Using the each() Command
  • Modifying Object Properties
  • Modifying Attributes
  • Adding and Removing Nodes
  • Modifying Styles and CSS Classes
  • Reading and Modifying Element Text with the html() Command
  • Extracting Text with the text() Command

4. jQuery AJAX Features

  • jQuery AJAX Functions
  • Loading HTML Content from the Server
  • Making GET Requests
  • Making POST Requests
  • Using the ajax() Function
  • Using the serialize() Function

5. jQuery Animations and Effects

  • Showing and Hiding Elements
  • Toggling Elements with the toggle() Function
  • Fading In and Out
  • Sliding Up and Down
  • Custom Animations

6. jQuery Plugins

  • Introduction to jQuery Plugins
  • Working with Data Plugins
  • Creating Custom Plugins

7. jQuery UI

  • Introduction to jQuery UI
  • Dialog Widget
  • Datepicker Widget
  • Tabs Widget
  • jQuery UI Interactions

8. Client-Side Templates

  • Why Use Client-Side Templates?
  • Template Libraries
  • Introduction to Handlebars Templates
  • Template Tokens
  • Binding JSON Data
  • Custom Handlebars Helpers
  • Nesting Templates

Please Contact Your ROI Representative to Discuss Course Tailoring!