3 days
Training Overview
This 3-day 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 basic tasks using jQuery, and you will
have a solid basis from which to continue your learning.
Audience
Front-end developers.
Prerequisites
Experience in HTML and JavaScript, and experience in CSS would be beneficial.
Training Outline
-
jQuery Introduction
- How jQuery Works
- First Example
-
JavaScript Basics
- Syntax Basics
- Reserved Words
- Operators
- Operations on Numbers and 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
-
jQuery Core
- $ vs jQuery
- $ vs $()
- Utility Methods
- Checking Types
- Storing and Retrieving Data Related to an Element
- DOM-Related Utilities
- Avoiding Conflicts with Other Libraries
-
Events and 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
-
Effects
- 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
- Easing
- Managing Effects
- jQueryfxoff
