jQuery Essential Training
4h 24mBeginner2024-10-25
Authors

Joe Marini
Senior Developer Advocate at Google, Developer
Course details
Looking to add dynamic content, third-party data, or animation to your websites and apps? In this course, Joe Marini introduces jQuery, an open-source JavaScript library that simplifies the process of adding advanced functionality to web projects. Joe shows you how to use the features of jQuery to achieve many common web development patterns, as well as how to use built-in browser equivalents when they make more sense. Check out this course to gain a comprehensive understanding of the jQuery library—when to use it and when not to, and how to approach migration projects when updating code that contains some of the more outdated features of the library.
Skills covered
jQueryJavaScript FrameworksWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off
Concepts
0. Introduction
- 01 - jQuery - Write less, do more
- 02 - Getting set up
1. jQuery Overview
- 03 - Overview of jQuery
- 04 - Why use jQuery today
2. A Quick jQuery Feature Tour
- 05 - Enabling jQuery in your web app
- 06 - Selectors and filters
- 07 - Creating and modifying content
- 08 - Event handling
- 09 - Effects and animations
- 10 - AJAX operations
3. Accessing Page Content
- 11 - Introduction to selectors and filters
- 12 - Basic selectors
- 13 - Basic filters
- 14 - Advanced selectors
- 15 - Attribute filters
- 16 - Advanced filters
- 17 - Traversing web page elements
- 18 - Statement chaining
- 19 - Challenge - Selectors
- 20 - Solution - Selectors
4. Manipulating Page Content
- 21 - Creating content
- 22 - Inserting page content
- 23 - Altering page content
- 24 - Manipulating attributes
- 25 - Working with CSS
- 26 - Embedding custom data
- 27 - Challenge - Dynamic element visibility
- 28 - Solution - Dynamic element visibility
5. Event Handling
- 29 - jQuery event handling features
- 30 - Binding and unbinding events
- 31 - Using the jQuery event object
- 32 - Challenge - Use jQuery events
- 33 - Solution - Use jQuery events
6. Effects and Animations
- 34 - Introduction to jQuery animations
- 35 - Hiding and showing elements
- 36 - Fading elements
- 37 - Sliding elements
- 38 - Custom animations
7. AJAX Operations
- 39 - jQuery and AJAX
- 40 - Convenience functions
- 41 - Working with different data types
- 42 - Using global AJAX handlers
- 43 - Challenge - AJAX
- 44 - Solution - AJAX
8. jQuery Plugins
- 45 - DataTables
- 46 - Form validation
- 47 - Toast messages
9. Migrating from jQuery
- 48 - Preparing to migrate
- 49 - Migrating to DOM selectors
- 50 - Migrating from AJAX
- 51 - Migrating effects
- 52 - Odds and ends
Conclusion
- 53 - Next steps