Over

155,000

Africa & Middle East

7Days 10.00 A.M - 10.00 P.M

Call us

Enquire Now

jQuery Fundamentals Training

Course Objectives

Review JavaScript basics.
Get started with jQuery.
Learn to work with the jQuery Core.
Learn to handle events with jQuery.
Learn to create cool effects with jQuery.
Learn to build Ajax applications with jQuery.
Learn to write and use jQuery plugins.
Learn to write high-performing jQuery applications.
Learn to organize your jQuery code.

Course Outline

jQuery Intro
jQuery: An Introduction
How jQuery Works
A First Example
JavaScript Basics
Syntax Basics
Reserved Words
Operators
Basic Operators
Operations on Numbers and Strings
Logical Operators
Truthy and Falsy Values
Comparison Operators
Conditional Code
Conditional Variable Assignment with the Ternary Operator
Switch Statements
Loops
The while loop
The do while Loop
The for Loop
The for in Loop
Breaking and Continuing
Arrays
Objects
Creating an Object Literal
Accessing Elements of an Object
Functions
Using Functions
Self-Executing Anonymous Functions
Functions as Arguments
Testing Type
Scope
jQuery Basic Concepts
Basic Flow of a jQuery Application
Using $(document)ready()
Selecting Elements
Choosing Selectors
Does My Selection Contain Any Elements?
Saving Selections
Operating on Selections
The $fn Methods
Refining and Filtering Selections
Chaining
Working with Selections
Getting and Setting Information About Elements
CSS, Styling, and Dimensions
Dimensions
Attributes
Showing and Hiding Elements
Iterating Over a Selection
Traversing
Traversal Methods
Manipulating the DOM
Moving, Copying, and Removing Elements
Cloning Elements
Removing Elements
Creating New Elements
jQuery Core
$ vs jQuery
$ vs $()
Closures
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
Connecting Events to Run Only Once
Removing Events Handlers
Namespacing Events
Using mouseenter/mouseleave Instead of mouseover/mouseout
Inside the Event Handling Function
Triggering Event Handlers
Increasing Performance with Event Delegation
Removing Delegated Event Handlers
Event Helpers
$fnhover
$fntoggle
Effects
Built-in Effects
Basic Use of a Built-in Effects
Changing the Duration of Built-in Effects
jQueryfxspeeds
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
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
Plugins
How to Create a Basic Plugin
Testing Our Plugin
Finding and Evaluating 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
Key Concepts
Encapsulation
Don’t Treat jQuery as a Black Box
Custom Events
About Custom Events
Examples Without Using Custom Events
Examples Using Custom Events
Recap: $fnon, $fntrigger, and $fntriggerHandler
In Summary
jQuery Mobile jQuery UI
jQuery UI & jQuery Mobile
jQuery UI
jQuery Mobile

APPLY TO COURSE

Sum the simple Operation :
6 + 5 =