Topics |
|
|
|
Audience |
|
Developers responsible for designing the web front end GUI using jQuery. |
|
Prerequisites |
|
Good knowledge of JavaScript and DOM API is required. |
|
Duration |
|
Two days. |
Outline for Mastering jQuery Training
Chapter 1. jQuery Overview
- Course Overview
- Target Background
- References
- Unit Topics
- What Is jQuery?
- Benefits of Using a JavaScript Library
- jQuery Example
- CSS Selectors
- How to Use jQuery
- Practical Usage Notes
- Background – DOM
- Background - DOM Ready Events
- Background - JavaScript Functions
- The jQuery Function Object
- What Does the $() Function Take as Argument?
- What Does the $() Function do?
- The jQuery Wrapper
- The jQuery Wrapper as an Array-Like Object
- Note: innerHTML() vs. .html()
- jQuery Wrapper Chaining
- API Function Notation
- Handling DOM Ready Event
- xhtml Note
- Unit Conclusion
Chapter 2. Selectors
- Topics
- Background: The Sizzle Selector Engine
- Selecting Elements by Attribute
- Pseudo-Selectors
- Form Pseudo-Selectors 1 of 2
- Form Pseudo-Selectors 2 of 2
- Faster Selection
- Selecting Elements Using Relationships
- Selecting Elements Using Filters
- More on Chaining: .end()
- Testing Elements
- Is the Selection Empty?
- Saving Selections
- Iterating Through Selected Elements Using .each()
- JavaScript Methods
- JavaScript "this"
- Function Context 1 of 2
- Function Context 2 of 2
- The Function call() Method
- .each() Revisited
- Conclusion
Chapter 3. Style Class Manipulation
- Topics
- Two Options
- Specifying Style Properties
- Setting Style Properties
- .addClass() / .removeClass()
- Defining a Stylesheet
- Setting & Getting Dimensions
- Attributes
- Conclusion
Chapter 4. DOM Manipulation
- Topics
- The $ Function Revisited - 1 of 2
- The $ Function Revisited - 2 of 2
- Getters and Setters
- The text() Element Method
- Appending DOM Elements
- Removing DOM Elements
- Performance – 1 of 2
- Performance – 2 of 2
- Conclusion
Chapter 5. Events
- Topics
- Event Overview
- Old School: Event Handling Using HTML Element Attributes
- Unobtrusive JavaScript
- Unobtrusive JavaScript Example
- Multiple Handlers
- Using jQuery Wrapper Event Registration Methods
- The .bind() Method
- Event Propagation
- Handlers for Elements Before They Exist!
- The Event Object
- Triggering Events
- Conclusion
Chapter 6. Utility Functions
- Topics
- The jQuery Object Revisited
- Functions May Have Methods
- A jQuery Utility Function: $.trim()
- $.each()
- Example jQuery Utility Functions - 1 of 3
- Example jQuery Utility Functions - 2 of 3
- Example jQuery Utility Functions - 3 of 3
- Conclusion
Chapter 7. Ajax
- Topics
- Ajax Overview
- The Browser & the Server
- The Ajax Request
- The Ajax Response
- Sending an Ajax Request With jQuery - The General Case
- When this code is executed…
- Sending an Ajax Request With jQuery - Simpler, Typical Case
- Data Types
- The .data() method
- Unit Conclusion
Chapter 8. Advanced Ajax
- Topics
- A Form Example
- An Ajax Form Example
- Serialize()
- Get vs. Post
- More on Query Strings
- ajaxStart() and ajaxError()
- Conclusion
Chapter 9. Animations and Effects with jQuery and jQuery UI
- What is jQuery UI?
- Can I do Animations and Effects using jQuery only?
- Hiding Elements with jQuery
- Using .hide() and .show() in jQuery
- Alternating an Element's Visibility in jQuery
- Adjusting the Speed in jQuery
- Providing a Handler in jQuery
- Using .slideUp() / .slideDown() methods in jQuery
- jQuery UI Categories
- jQuery UI Interactions: Droppable and Draggable
- Droppable and Draggable More Complete Example
- jQuery UI Widgets: Datepicker
- jQuery UI Widgets: Autocomplete
- Conclusion
Chapter 10. Parsing JSON
- Topics
- JSON
- Reading JSON from the Server Using Ajax
- Example file contents
- Using the Results
- Optimized Version
- Getting More From the Response
- jqXHR Methods
- POST vs. GET
- Invalid JSON
- Using $.ajaxSetup() – 1 of 2
- Using $.ajaxSetup() – 2 of 2
- Unit Conclusion
Chapter 11. Plugins
- Topics
- What is a plugin?
- Goal
- Self-Executing Anonymous Functions
- Meeting Our Goal
- Prototype Objects
- The jQuery Wrapper Class Revisited
- Example Plugin
- Using the Plugin
- Conclusion
01/08/2024 - 01/09/2024
10:00 AM - 06:00 PM
Eastern Standard Time
USD $1,250.00
02/12/2024 - 02/13/2024
10:00 AM - 06:00 PM
Eastern Standard Time
USD $1,250.00
03/18/2024 - 03/19/2024
10:00 AM - 06:00 PM
Eastern Standard Time
USD $1,250.00