Enable Technology

JavaScript 

JQuery




Course Overview


This intensive three day jQuery training course provides a comprehensive overview of the jQuery JavaScript library. Ideally candidates should have a working knowledge of HTML and CSS.

Duration: 3 day course



Course Content


JavaScript Basics-
Syntax Basics
Operators
Basic Operators
Operations on Numbers and Strings
Logical Operators
Comparison Operators
Conditional Code
Truthy and Falsy Things
Conditional Variable Assignment with the Ternary Operator
Switch Statements
Loops
The for Loop
The while Loop
Breaking and Continuing
Reserved Words
Arrays
Objects
Functions
Using Functions
Self-executing Anonymous Functions
Functions as Arguments
Testing Type
Scope
Closures

jQuery Basic Concepts-
$(document).ready()
Selecting Elements
Choosing Selectors
Does My Selection Contain Any Elements?
Saving Selections
Refining and Filtering Selections
Selecting Form Elements
Working with Selections
Chaining
Getters and Setters
CSS, Styling, and Dimensions
Using CSS Classes for Styling
Dimensions
Attributes
Traversing
Manipulating Elements
Getting and Setting Information about Elements
Moving, Copying, and Removing Elements
Cloning Elements
Removing Elements
Creating New Elements
Manipulating Attributes

jQuery Core-
$ vs $()
Utility Methods
Checking Types
Data Methods
Feature and Browser Detection
Avoiding Conflicts with Other Libraries

Events-
Connecting Events to Elements
Connecting Events to Run Only Once
Disconnecting Events
Namespacing Events
Inside the Event Handling Function
Triggering Event Handlers
Increasing Performance with Event Delegation
Unbinding Delegated Events
Event Helpers
$.fn.hover
$.fn.toggle

Effects-
Built-in Effects
Changing the Duration of Built-in Effects
jQuery.fx.speeds
Doing Something When an Effect Is Done
Custom Effects with $.fn.animate
Easing
Managing Effects
jQuery.fx.off

Ajax-
Key Concepts
GET vs. Post
Data Types
A Is for Asynchronous
Same-origin Policy and JSONP
Ajax and Firebug
jQuery's Ajax-related Methods
$.ajax
$.ajax Options
Convenience Methods
$.fn.load
Ajax and Forms
Working with JSONP
Ajax Events

Plugins-
How to Create a Basic Plugin
Finding and Evaluating Plugins
Writing Plugins

Best Performance Practices-
Cache Length during Loops
Append New Content outside of a Loop
Keep Things DRY
Beware Anonymous Functions
Optimize Selectors
ID-based Selectors
Specificity
Avoid the Universal Selector
Use Event Delegation
Detach Elements to Work with Them
Use Stylesheets for Changing CSS on Many Elements
Use $.data Instead of $.fn.data
Don't Act on Absent Elements
Variable Definition
Conditionals
Don't Treat jQuery as a Black Box

Code Organization-
Key Concepts
Encapsulation
The Object Literal
The Module Pattern
Managing Dependencies
Getting RequireJS
Using RequireJS with jQuery
Creating Reusable Modules with RequireJS
Optimizing Your Code: The RequireJS Build Tool

Custom Events-
About Custom Events
A Sample Application
The Setup
Conclusion


Email us about this courses


Telephone on 01952 938014