Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The Complete jQuery Course: From Beginner To Advanced!
Section 1: Introduction
How To Use This Course To Gain Its Maximum Benefits & Learn jQuery Quickly (2:29)
ALL COURSE RESOURCES
A Quick Overview of JavaScript and jQuery (8:56)
Overview of JavaScript Frameworks (4:06)
Setting Up The Editor (3:29)
Section 2: Effects – Animations
Setting Up The jQuery Project (7:53)
Fading In Elements (and Fading Them Out Again) (13:16)
A Pitfall With fadeIn/fadeOut vs. fadeTo (4:05)
Showing And Hiding Elements (6:11)
Sliding Elements Up And Down (7:58)
Moving Elements (6:10)
Get Creative: Custom Animations! (5:42)
Delaying and Chaining Animations (3:54)
Timing Animations Using Callback Functions (4:26)
Coding Activity: Creating a Signup Lightbox! (3:25)
Style for lightbox and base 1 zip files to help with our course
Section 3: Element Selectors
Using CSS Selectors in jQuery (10:22)
jQuery Methods for Traversal (7:21)
jQuery Methods for Filtering (9:48)
Section 4: Manipulating the DOM I – Inserting, Replacing and Removing Elements
What is the DOM? (4:08)
Adding New Elements to the DOM (16:12)
Replacing Elements and Content (7:06)
Removing Elements and Content (9:18)
Manipulating Attributes and Properties (14:23)
Coding Activity: Creating an Image Slideshow! (8:01)
Section 5: Manipulating the DOM II – Changing Element Data and CSS
Changing the CSS Properties of Elements (8:00)
Adding or Removing CSS Classes (6:51)
Changing the Data of an Element (6:27)
Retrieving and Changing the Content of an Element (6:03)
Section 6: Events I ‒ Handling Mouse Events & Keyboard Events
What are Events and Event Handlers? (4:16)
Adding Click Handlers (4:55)
Adding Hover Handlers (4:08)
Adding MouseEnter & MouseLeave Handlers (6:31)
Adding the Same Handler for Multiple Events (6:28)
Modularizing Event Handlers (No More Inline Functions) (7:08)
Delegated Events (8:10)
Passing Additional Data to Events (5:14)
Coding Activity: Creating an Image Gallery with Lightbox Preview (7:30)
Handling KeyDown & KeyUp Events (7:54)
Section 7: Events II ‒ Forms
The Focus & Blur Events (7:14)
Using the Change Event (8:22)
Handling the Submit Event (6:03)
Coding Activity: Complete Form Validation on Submit (12:36)
Coding Activity: Fast Feedback Form (11:55)
Section 8: Ajax with jQuery
What is Ajax? (6:32)
Fetching a Server File with jQuery (4:35)
Retrieving Flickr Images Through the Flickr API (+Understanding JSON) (14:30)
Coding Activity: Retrieving Pokémon Data from The PokéAPI (Or Star Wars) (10:21)
Coding Activity: Improving the Pokédex (13:54)
Section 9: Conclusion
Course Summary and Conclusion! What Have We Learned In This Course? (2:40)
Adding New Elements to the DOM
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock