- Course
- Core Tech
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 7s
- Introduction | 2m 28s
- Using a CDN with A Fallback | 5m 41s
- Demo: Putting a CDN and Fallback into Action | 3m 44s
- Working with Selectors | 10m 4s
- Demo: Selector Tips and Tricks | 5m 49s
- Demo: Creating a Custom Selector | 6m 8s
- Limit DOM Interactions | 4m 58s
- Demo: DOM Manipulation Techniques | 9m 26s
- Checking if an Element Exists | 2m
- Demo: Does an Element Exist? | 2m 48s
- find() vs. filter() | 3m 42s
- Demo: find() and filter() in Action | 2m 45s
- Using the end() Function with Chaining | 2m 20s
- Demo: Moving Up the Chain with end() | 3m 1s
- Using an Object with Setter Methods | 1m 32s
- Demo: Passing Objects to Setter Methods | 4m 34s
- Use Classes Over Styles | 4m 42s
- Demo: Use Classes Over Styles | 8m 5s
- Summary | 56s
- Version Check | 16s
- Introduction | 1m 48s
- .on() Instead of .bind() | 2m 1s
- Demo: .on() Instead of .bind() | 4m 36s
- .on() Instead of .live() or .delegate() | 2m 38s
- Demo: .on() Instead of .live() or .delegate() | 7m 2s
- Handling Event Delegation | 4m 2s
- Demo: Handling Event Delegation | 2m 24s
- Namespacing Your Events | 1m 33s
- Demo: Namespacing Your Events | 2m 33s
- Registering Events Before DOM Ready | 56s
- Demo: Registering Events Before DOM Ready | 5m 8s
- Reusing Existing Method as Event Handler | 1m 45s
- Demo: Reusing Existing Method as Event Handler | 5m 5s
- Creating Custom Events | 1m 30s
- Demo: Creating Custom Events | 2m 41s
- Determining User Input | 58s
- Demo: Determining User Input | 2m 10s
- Determine If Event was Triggered by User | 1m
- Demo: Determine If Event was Triggered by User | 1m 43s
- Just-In-Time Initialization | 2m 26s
- Demo: Just-In-Time Initialization | 3m 49s
- Summary | 47s
About the authors
Dan Wahlin founded Wahlin Consulting, which provides consulting and training services on JavaScript, Angular, Node.js, C#, ASP.NET MVC, Web API, and Docker. He is a Google GDE, Microsoft MVP and Regional Director, and speaks at conferences and user groups around the world.
Elijah Manor is a Christian and a family man. He is a Microsoft Regional Director, Microsoft ASP.NET MVP, ASPInsider, and IE userAgent and specializes in front-end web development. He enjoys blogging (http://elijahmanor.com), tweeting (@elijahmanor), and speaking about the things he learns.