The Complete Guide to jQuery

Takeaway Skills

Demonstrate a strong grasp of the basics of jQuery.

Manipulate the DOM structure using jQuery.

Use event handling in web applications with the help of jQuery.

Communicate with servers using jQuery.

Build a complete to-do list web application.

Demonstrate a strong grasp of the basics of jQuery.

Manipulate the DOM structure using jQuery.

Use event handling in web applications with the help of jQuery.

Communicate with servers using jQuery.

Build a complete to-do list web application.

Course Overview

This course will introduce you to jQuery, a framework for building interactive web pages with animations, visual effects, and advanced functionality. You will start with a brief introduction to the course and jQuery. Next, you will explore the core concepts in jQuery, such as event-h... See More

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

Hide All

Hide All Lessons

1. jQuery Basics

Who Should Take This Course and Why?

What is jQuery?

Course Project: A To-do List

Syntax of jQuery

Selectors in jQuery

Quiz on jQuery Basics

2. Events and Event Handlers

What are Events and Event Handlers?

Different Events in jQuery

Event Bubbling and Stop Propagation

Preventing the Default Action

Quiz on Events and Event Handlers

Project Challenge 1: Assigning a Click Event Handler

Solution Review: Assigning a Click Event Handler

3. DOM Traversal and Manipulation

Relationship Between Elements

Traversing Up the DOM Tree

Traversing Down the DOM Tree

Traversing Sideways in the DOM Tree

Modifying the Existing DOM Elements

Adding New DOM Elements

Removing Existing DOM Elements

Quiz on DOM Traversal and Manipulation

Project Challenge 2: Adding a Task in the To-Do List

Solution Review: Adding a Task in the To-Do List

Project Challenge 3: Deleting a Task from the To-Do List

Solution Review: Deleting a Task from the To-Do List

Project Challenge 4: Moving a Task from To-do to Done

Solution Review: Moving a Task from To-do to Done

4. Effects and Animations

Introduction to Effects

Visibility Effects

Fading Effects

Sliding Effects

Animations in jQuery

Callback Functions for Effects and Animations

Chaining Different Effects

Quiz on Effects and Animations

Project Challenge 5: Moving and Removing Tasks with Effects

Solution Review: Moving and Removing Tasks with Effects

5. AJAX Methods

Introduction to AJAX

GET Method

POST Method

Quiz on AJAX Methods

Project Challenge 6: Import Tasks in the To-Do List from a Server

Solution Review: Import Tasks in the To-Do List from a Server

6. Conclusion

What Are the Next Steps?