Npm and Http Server install

Download and set up jQuery

Set up examples used in this course

Hello jQuery World!

Selectors

Simple selectors

More selectors

Traversing The DOM

Advanced selectors

Select using functions – the filter() selector

Chaining

jQuery in the no-conflict mode

Accessing native browser element

Events and event handling

Event handlers

The event object

Accessing the event object properties

Event capture and bubble phases

Multiple event handlers

Passing data to event handlers

Listen just once

Remove event handlers

Events in namespaces

Event delegation

Setting up delegated events

Listening to key events

Event triggers

Custom events

Working with custom events

The show() and hide() functions

The fadeIn() and fadeOut() animations

The css() function

Effects and animations

The slideUp() and slideDown() animations

The toggle() function

How do jQuery animations work?

Run code after an animation completes

The animate() function

More animation fun

Stop animations using the stop() function

Delay animations using delay()

Chaining and queueing animations

Custom animation queues

Bypassing the queue

Manipulating the DOM

Manipulating element contents

The attr() and removeAttr() functions

Add DOM elements relative to selected elements

Create or clone elements

The remove(), detach() and empty() functions

The wrap() and wrapAll() functions

Explicit iteration using each()

Ajax

The $.ajax() request

Syntactic sugar – the $.get(), $.getScript(), $.getJSON()

The load() function

Serialize form contents using serialize() and serializeArray()

Local and global Ajax events

Categories of optimization techniques

Performance optimizations tips and tricks

What are plugins?

The Slick carousel

Building your own custom plugin

Our first custom plugin, the fancyButton()

Best practices to follow in the fancyButton() plugin

What is the Widget Factory?

Build your first widget

Widgets which expose methods to manipulate them

Widgets which trigger events

Download and install the jQuery UI library

Set up components using the jQuery UI library

The effects() function

The jQuery UI theme roller

Try a custom theme