We use cookies to ensure you get the best experience on our website. Please review our Privacy Policy to learn more.

Search Courses

The Complete Guide to jQuery

Name: The Complete Guide to jQuery
Author: Educative

Estimated completion time: 6h

Certificate Included

course by:

Educative

Beginner

Lessons

Quizzes

Challenges

Playgrounds

Code Snippets

Illustrations

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-handling, animations, and in-browse...

See more

Learning Objectives

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.

Contents
Learning Experience
Course Contents
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?
How you will learn
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.
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.
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.