jQuery 1 Tips and Tricks
This course provides an insightful look at various tips, tricks and best practices that can be used to get the most out of jQuery when building Web applications.
What you'll learn
jQuery provides a powerful set of features that can be used to build applications but do you know some of the key tips, tricks and best practices that can be used to reduce code, promote re-use and simplify maintenance? In the jQuery Tips and Tricks course Dan Wahlin and Elijah Manor will walk you through key tips and tricks learned over the years of building applications with jQuery. Topics covered include tips and tricks related to working with the DOM, handling and triggering events, making Ajax calls, working with and caching data locally, as well as taking advantage of built-in jQuery utility functions.
Table of contents
- Course Introduction 2m
- Introduction 2m
- Using a CDN with A Fallback 6m
- Demo: Putting a CDN and Fallback into Action 4m
- Working with Selectors 10m
- Demo: Selector Tips and Tricks 6m
- Demo: Creating a Custom Selector 6m
- Limit DOM Interactions 5m
- Demo: DOM Manipulation Techniques 9m
- Checking if an Element Exists 2m
- Demo: Does an Element Exist? 3m
- find() vs. filter() 4m
- Demo: find() and filter() in Action 3m
- Using the end() Function with Chaining 2m
- Demo: Moving Up the Chain with end() 3m
- Using an Object with Setter Methods 2m
- Demo: Passing Objects to Setter Methods 5m
- Use Classes Over Styles 5m
- Demo: Use Classes Over Styles 8m
- Summary 1m
- Version Check 0m
- Introduction 2m
- .on() Instead of .bind() 2m
- Demo: .on() Instead of .bind() 5m
- .on() Instead of .live() or .delegate() 3m
- Demo: .on() Instead of .live() or .delegate() 7m
- Handling Event Delegation 4m
- Demo: Handling Event Delegation 2m
- Namespacing Your Events 2m
- Demo: Namespacing Your Events 3m
- Registering Events Before DOM Ready 1m
- Demo: Registering Events Before DOM Ready 5m
- Reusing Existing Method as Event Handler 2m
- Demo: Reusing Existing Method as Event Handler 5m
- Creating Custom Events 2m
- Demo: Creating Custom Events 3m
- Determining User Input 1m
- Demo: Determining User Input 2m
- Determine If Event was Triggered by User 1m
- Demo: Determine If Event was Triggered by User 2m
- Just-In-Time Initialization 2m
- Demo: Just-In-Time Initialization 4m
- Summary 1m
- Introduction 3m
- How to use Ajax Promises 5m
- Demo: Working with Ajax Promises 9m
- Consolidating jQuery Ajax Calls 6m
- Demo: Consolidating jQuery Ajax Calls 5m
- Resolving Multiple Ajax Calls with when() 4m
- Demo: Resolving Multiple Ajax Calls with when() 6m
- Demo: Passing an Array of Promises to when() 5m
- Adding Headers to an Ajax Request 3m
- Demo: Manipulating Ajax Request Headers 4m
- Custom Ajax Converters 3m
- Demo: Creating and using a Custom Ajax Converter 5m
- Storing Data with the data() Function 3m
- Demo: Using the data() Function 4m
- Working with HTML5 data-* Attributes 7m
- Demo: Using attr() and data() with HTML5 data-* Attributes 5m
- Summary 1m
- Introduction 1m
- Using the $.map Method 3m
- Demo: Using the $.map Method 5m
- Using the $.grep Method 1m
- Demo: Using the $.grep Method 1m
- Using the $.type Method 1m
- Demo: Using the $.type Method 6m
- Feature Detect Not $.browser Detect 3m
- Demo: Feature Detect Not $.browser Detect 4m
- Using the $.Callbacks Object 1m
- Demo: Using the $.Callbacks Object 3m
- When and How to use jQuery.noConflict 2m
- Demo: When and How to use jQuery.noConflict 2m
- Using the $.extend Method 2m
- Demo: Using the $.extend Method 2m
- Summary 1m