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
Introduction
- jQuery - Write less, do more
- Getting set up
jQuery Overview
- Overview of jQuery
- Why use jQuery today
A Quick jQuery Feature Tour
- Enabling jQuery in your web app
- Selectors and filters
- Creating and modifying content
- Event handling
- Effects and animations
- AJAX operations
Accessing Page Content
- Introduction to selectors and filters
- Basic selectors
- Basic filters
- Advanced selectors
- Attribute filters
- Advanced filters
- Traversing web page elements
- Statement chaining
- Challenge - Selectors
- Solution - Selectors
Manipulating Page Content
- Creating content
- Inserting page content
- Altering page content
- Manipulating attributes
- Working with CSS
- Embedding custom data
- Challenge - Dynamic element visibility
- Solution - Dynamic element visibility
Event Handling
- jQuery event handling features
- Binding and unbinding events
- Using the jQuery event object
- Challenge - Use jQuery events
- Solution - Use jQuery events
Effects and Animations
- Introduction to jQuery animations
- Hiding and showing elements
- Fading elements
- Sliding elements
- Custom animations
AJAX Operations
- jQuery and AJAX
- Convenience functions
- Working with different data types
- Using global AJAX handlers
- Challenge - AJAX
- Solution - AJAX
jQuery Plugins
- DataTables
- Form validation
- Toast messages
Migrating from jQuery
- Preparing to migrate
- Migrating to DOM selectors
- Migrating from AJAX
- Migrating effects
- Odds and ends
Conclusion
- Next steps