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