Mastering jQuery

Course Description

jQuery is a JavaScript toolkit that significantly simplifies rich web based application development. This course provides extensive training on selectors, DOM manipulation, handle events, create effects, build AJAX applications, write and use jQuery plugins and organize jQuery code. When you complete this course you will be able complete key tasks using jQuery, and you will have a solid basis from which to continue your learning. The course is not specific to any vendor`s platform and it equally applies to Java, .NET, PHP etc. All labs are done using plain web server and editor.
2 days
Contact us for pricing
Contact us for dates
Contact us for dates


Experience in HTML and JavaScript required and experience in CSS would be beneficial..

jQuery Introduction

How jQuery Works
First Example

jQuery Basic Concepts

Basic Flow of a jQuery Application
Using $(document)ready()
Selecting Elements
Operating on Selections
Working with Selections
CSS, Styling, and Dimensions
Manipulating the DOM

jQuery Core

$ vs jQuery
$ vs $()
Utility Methods
Checking Types
Storing and Retrieving Data Related to an Element
DOM-Related Utilities
Feature and Browser Detection
Avoiding Conflicts with Other Libraries

Events and Event Handlers

Connecting Events to Elements
Removing Event Handlers
Namespacing Events
Inside the Event Handling Function
Triggering Event Handlers
Increasing Performance with Event Delegation
Removing Delegated Event Handlers
Event Helpers


Built-in Effects
Changing the Duration of Built-in Effects
Limitations on Effects
Queuing of Effects with Other Operations
Callbacks - Doing Something When an Effect is Done
Running Code When an Effect is Complete
Custom Effects with $.fn.animate
Managing Effects


Key Concepts
The Same Origin Policy
Data Types
A is for Asynchronous
Same-Origin Policy and JSONP
Ajax and Firebug
jQuery's Ajax-Related Methods
Convenience Methods
Ajax and Forms
Working with JSONP
Ajax Events


How to Create a Basic Plugin
Testing Our Plugin
Finding and Evaluation Plugins

Best Practices

JavaScript Best Practices
Namespacing Variables
Cache Frequently Used Values
Beware Anonymous Functions
jQuery Best Practices
Optimize Selectors
Use "Safe" Selectors
Use Event Delegation
Detach Elements to Work with Them
Use Stylesheets for Changing CSS on Many Elements
Use $.data Instead of $
Code Organization
Key Concepts
Don't Treat jQuery as a Black Box

Custom Events

About Custom Events
Recap: $.fn.on, $.fn.trigger, and $.fn.triggerHandler

jQuery Mobile jQuery UI

jQuery UI & jQuery Mobile
jQuery UI
jQuery Mobile