Learn By Example: jQuery

Course Curriculum

Chapter 1: You, This Course and Us

Lecture 1: You, This Course and Us

Chapter 2: Introduction To jQuery

Lecture 1: Client side programming with Javascript

Lecture 2: Why is jQuery cool?

Lecture 3: The Document Object Model

Chapter 3: Install And Set Up

Lecture 1: Npm and Http Server install

Lecture 2: Download and set up jQuery

Lecture 3: Set up examples used in this course

Chapter 4: Selectors

Lecture 1: Example 1: Hello jQuery World!

Lecture 2: Selectors

Lecture 3: Example 2: Simple selectors

Lecture 4: Example 3: More selectors

Lecture 5: Example 4: Traversing The DOM

Lecture 6: Example 5: Advanced selectors

Lecture 7: Example 6: Select using functions – the filter() selector

Chapter 5: Some Loose Ends

Lecture 1: Example 7: Chaining

Lecture 2: Example 8: jQuery in the no-conflict mode

Lecture 3: Accessing native browser element

Chapter 6: Event Handling

Lecture 1: Events and event handling

Lecture 2: Example 9: Event handlers

Lecture 3: The event object

Lecture 4: Example 10: Accessing the event object properties

Lecture 5: Event capture and bubble phases

Lecture 6: Example 11: Multiple event handlers

Lecture 7: Example 12: Passing data to event handlers

Lecture 8: Example 13: Listen just once

Lecture 9: Example 14: Remove event handlers

Lecture 10: Example 15: Events in namespaces

Lecture 11: Event delegation

Lecture 12: Example 16: Setting up delegated events

Lecture 13: Example 17: Listening to key events

Lecture 14: Example 18: Event triggers

Lecture 15: Custom events

Lecture 16: Example 19: Working with custom events

Chapter 7: CSS And Animations

Lecture 1: Effects and animations

Lecture 2: Example 20: The css() function

Lecture 3: Example 21: The show() and hide() functions

Lecture 4: Example 22: The fadeIn() and fadeOut() animations

Lecture 5: Example 23: The slideUp() and slideDown() animations

Lecture 6: Example 24: The toggle() function

Lecture 7: How do jQuery animations work?

Lecture 8: Example 25: Run code after an animation completes

Lecture 9: Example 26: The animate() function

Lecture 10: Example 27: More animation fun

Lecture 11: Example 28: Stop animations using the stop() function

Lecture 12: Example 29: Delay animations using delay()

Lecture 13: Example 30: Chaining and queueing animations

Lecture 14: Example 31: Custom animation queues

Lecture 15: Example 32: Bypassing the queue

Chapter 8: DOM Manipulation

Lecture 1: Manipulating the DOM

Lecture 2: Example 33: Manipulating element contents

Lecture 3: Example 34: The attr() and removeAttr() functions

Lecture 4: Example 35: Add DOM elements relative to selected elements

Lecture 5: Example 36: Create or clone elements

Lecture 6: Example 37: The remove(), detach() and empty() functions

Lecture 7: Example 38: The wrap() and wrapAll() functions

Lecture 8: Example 39: Explicit iteration using each()

Chapter 9: Ajax Requests

Lecture 1: Ajax

Lecture 2: Example 40: The $.ajax() request

Lecture 3: Example 41: Syntactic sugar – the $.get(), $.getScript(), $.getJSON()

Lecture 4: Example 42: The load() function

Lecture 5: Example 43: Serialize form contents using serialize() and serializeArray()

Lecture 6: Example 44: Local and global Ajax events

Chapter 10: Performance Optimizations

Lecture 1: Categories of optimization techniques

Lecture 2: Performance optimizations tips and tricks

Chapter 11: Plugins

Lecture 1: What are plugins?

Lecture 2: Example 45: The Slick carousel

Lecture 3: Building your own custom plugin

Lecture 4: Example 46: Our first custom plugin, the fancyButton()

Lecture 5: Example 47: Best practices to follow in the fancyButton() plugin

Chapter 12: The Widget Factory

Lecture 1: What is the Widget Factory?

Lecture 2: Example 48: Build your first widget

Lecture 3: Example 49: Widgets which expose methods to manipulate them

Lecture 4: Example 50: Widgets which trigger events

Chapter 13: The jQuery UI Library

Lecture 1: Download and install the jQuery UI library

Lecture 2: Example 51: Set up components using the jQuery UI library

Lecture 3: Example 52: The effects() function

Lecture 4: The jQuery UI theme roller

Lecture 5: Example 53: Try a custom theme