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.
Pre-requisites
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
First Example
JavaScript Basics
Syntax Basics
Reserved Words
Operators
Operations on Numbers & Strings
Logical Operators
Comparison Operators
Conditional Code
Conditional Variable Assignment with the Ternary Operator
Switch Statements
Loops
Arrays
Object
Functions
Testing Type
Scope
Closures
Reserved Words
Operators
Operations on Numbers & Strings
Logical Operators
Comparison Operators
Conditional Code
Conditional Variable Assignment with the Ternary Operator
Switch Statements
Loops
Arrays
Object
Functions
Testing Type
Scope
Closures
jQuery Basic Concepts
Basic Flow of a jQuery Application
Using $(document)ready()
Selecting Elements
Operating on Selections
Working with Selections
CSS, Styling, and Dimensions
Traversing
Manipulating the DOM
Using $(document)ready()
Selecting Elements
Operating on Selections
Working with Selections
CSS, Styling, and Dimensions
Traversing
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
$ 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
Namespacing Events
Inside the Event Handling Function
Triggering Event Handlers
Increasing Performance with Event Delegation
Removing Delegated Event Handlers
Event Helpers
Effects
Built-in Effects
jQuery fxspeeds
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 $fnanimate
Easing Managing Effects
jQueryfxoff
jQuery fxspeeds
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 $fnanimate
Easing Managing Effects
jQueryfxoff
Ajax
Key Concepts
GET vs POST
The Same Origin Policy
Data Types
A is for Asynchronous
Same-Origin Policy and JSONP
Ajax and Firebug
jQuery’s Ajax-Related Methods
$ajax
Convenience Methods
$fnload
Ajax and Forms
Working with JSONP
Ajax Events
GET vs POST
The Same Origin Policy
Data Types
A is for Asynchronous
Same-Origin Policy and JSONP
Ajax and Firebug
jQuery’s Ajax-Related Methods
$ajax
Convenience Methods
$fnload
Ajax and Forms
Working with JSONP
Ajax Events
Plugins
How to Create a Basic Plugin
Testing Our Plugin
Finding & Evaluation Plugins
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
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
Summary
Recap: $fnon, $fntrigger, and $fntriggerHandler
Summary
jQuery Mobile & jQuery UI
jQuery UI & jQuery Mobile
jQuery UI
jQuery Mobile
jQuery UI
jQuery Mobile