Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn By Example: jQuery
You, This Course and Us
You, This Course and Us (1:59)
Introduction To jQuery
Client side programming with Javascript (7:44)
Why is jQuery cool? (8:09)
The Document Object Model (4:45)
Install And Set Up
Npm and Http Server install (4:47)
Download and set up jQuery (3:32)
Set up examples used in this course (2:14)
Selectors
Example 1: Hello jQuery World! (11:33)
Selectors (4:27)
Example 2: Simple selectors (4:12)
Example 3: More selectors (9:10)
Example 4: Traversing The DOM (8:37)
Example 5: Advanced selectors (4:45)
Example 6: Select using functions - the filter() selector (4:34)
Some Loose Ends
Example 7: Chaining (4:38)
Example 8: jQuery in the no-conflict mode (7:19)
Accessing native browser element (1:20)
Event Handling
Events and event handling (7:29)
Example 9: Event handlers (9:12)
The event object (6:02)
Example 10: Accessing the event object properties (5:28)
Event capture and bubble phases (8:07)
Example 11: Multiple event handlers (4:32)
Example 12: Passing data to event handlers (3:11)
Example 13: Listen just once (3:09)
Example 14: Remove event handlers (4:29)
Example 15: Events in namespaces (6:20)
Event delegation (6:05)
Example 16: Setting up delegated events (5:05)
Example 17: Listening to key events (3:05)
Example 18: Event triggers (4:30)
Custom events (4:04)
Example 19: Working with custom events (4:27)
CSS And Animations
Effects and animations (3:57)
Example 20: The css() function (9:03)
Example 21: The show() and hide() functions (6:03)
Example 22: The fadeIn() and fadeOut() animations (3:01)
Example 23: The slideUp() and slideDown() animations (2:15)
Example 24: The toggle() function (2:44)
How do jQuery animations work? (4:15)
Example 25: Run code after an animation completes (4:38)
Example 26: The animate() function (5:33)
Example 27: More animation fun (4:00)
Example 28: Stop animations using the stop() function (7:38)
Example 29: Delay animations using delay() (3:46)
Example 30: Chaining and queueing animations (7:34)
Example 31: Custom animation queues (5:05)
Example 32: Bypassing the queue (4:55)
DOM Manipulation
Manipulating the DOM (1:15)
Example 33: Manipulating element contents (4:27)
Example 34: The attr() and removeAttr() functions (4:37)
Example 35: Add DOM elements relative to selected elements (9:49)
Example 36: Create or clone elements (6:31)
Example 37: The remove(), detach() and empty() functions (7:32)
Example 38: The wrap() and wrapAll() functions (4:03)
Example 39: Explicit iteration using each() (2:23)
DOM Manipulation
Ajax (5:09)
Example 40: The $.ajax() request (10:10)
Example 41: Syntactic sugar - the $.get(), $.getScript(), $.getJSON() (6:37)
Example 42: The load() function (2:37)
Example 43: Sezrialize form contents using serialize() and serializeArray() (7:18)
Example 44: Local and global Ajax events (9:30)
Performance Optimizations
Categories of optimization techniques (4:22)
Performance optimizations tips and tricks (8:56)
Plugins
What are plugins? (3:59)
Example 45: The Slick carousel (9:27)
Building your own custom plugin (4:18)
Example 46: Our first custom plugin, the fancyButton() (4:33)
Example 47: Best practices to follow in the fancyButton() plugin (7:44)
The Widget Factory
What is the Widget Factory? (5:33)
Example 48: Build your first widget (7:52)
Example 49: Widgets which expose methods to manipulate them (9:31)
Example 50: Widgets which trigger events (7:05)
The jQuery UI Library
Download and install the jQuery UI library (8:44)
Example 51: Set up components using the jQuery UI library (5:31)
Example 52: The effects() function (3:12)
The jQuery UI theme roller (5:24)
Example 53: Try a custom theme (1:26)
Example 12: Passing data to event handlers
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock