Course Description

This 3-day jQuery Fundamentals training course provides extensive coverage of selectors, DOM manipulation, event handling, effects, AJAX applications, as well as jQuery plugins and organisation of jQuery code.


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

Who is this Course for ?

Web developers who need to develop web applications using jQuery.

Further Training

After completing this course, more detailed knowledge of specific Java web technologies can be attained by attending either our Java Struts training course or our Java Server Faces training course.

Course content

jQuery Introduction
How jQuery Works
First Example
JavaScript Basics
Syntax Basics
Reserved Words
Operations on Numbers & Strings
Logical Operators
Comparison Operators
Conditional Code
Conditional Variable Assignment with the Ternary Operator
Switch Statements
Testing Type
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 & Retrieving Data Related to an Element
DOM Related Utilities
Avoiding Conflicts with Other Libraries
Events & Event Handlers
Connecting Events to Elements
Namespacing Events
Inside the Event Handling Function
Triggering Event Handlers
Increasing Performance with Event Delegation
Removing Delegated Event Handlers
Event Helpers
Built-in Effects
jQuery fxspeeds
Limitations on Effects
Queuing of Effects with Other Operations
Doing Something When an Effect is Done
Running Code When an Effect is Complete
Custom Effects with $fnanimate
Easing 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 & 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 $fndata
Code Organization
Don’t Treat jQuery as a Black Box
Custom Events
About Custom Events
Recap: $fnon, $fntrigger, and $fntriggerHandler
jQuery Mobile & jQuery UI
jQuery UI & jQuery Mobile
jQuery UI
jQuery Mobile