The Complete Guide to jQuery

INTERACTIVE COURSE

The Complete Guide to jQuery

Beginner

44 Lessons

6h

Certificate of Completion

The Complete Guide to jQuery

76 Playgrounds

6 Challenges

7 Quizzes

73 Illustrations

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.

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-browser manipulation of the document object model. Finally, you will learn about the AJAX framework in jQuery for dynamic content loading in web pages. On top of that, you will be working on an in...Show More

Course Content

1

jQuery Basics

Who Should Take This Course and Why?What is jQuery?

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

1 Lesson

COURSE AUTHOR

How You'll Learn

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.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

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

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath