Home>
Courses>
Complete Guide To Jquery

The Complete Guide to jQuery

Beginner

44 Lessons

6h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

76 Playgrounds
6 Challenges
7 Quizzes

This course includes

76 Playgrounds
6 Challenges
7 Quizzes
Course Overview
What You'll Learn
Course Content

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

What You'll Learn

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.

What You'll Learn

Demonstrate a strong grasp of the basics of jQuery.

See more

Course Content

1

jQuery Basics

Who Should Take This Course and Why?What is jQuery?
Project: A To-do ListSyntax of jQuerySelectors in jQueryQuiz on jQuery Basics
2

Events and Event Handlers

What are Events and Event Handlers?Different Events in jQueryEvent Bubbling and Stop PropagationPreventing the Default ActionQuiz on Events and Event HandlersProject Challenge 1: Assigning a Click Event HandlerSolution Review: Assigning a Click Event Handler
3

DOM Traversal and Manipulation

Relationship Between Elements
Traversing Up the DOM TreeTraversing Down the DOM TreeTraversing Sideways in the DOM TreeModifying the Existing DOM ElementsAdding New DOM ElementsRemoving Existing DOM ElementsQuiz on DOM Traversal and ManipulationProject Challenge 2: Adding a Task in the To-Do ListSolution Review: Adding a Task in the To-Do ListProject Challenge 3: Deleting a Task from the To-Do ListSolution Review: Deleting a Task from the To-Do ListProject Challenge 4: Moving a Task from To-do to DoneSolution Review: Moving a Task from To-do to Done
4

Effects and Animations

Introduction to EffectsVisibility Effects
Fading EffectsSliding EffectsAnimations in jQueryCallback Functions for Effects and AnimationsChaining Different EffectsQuiz on Effects and AnimationsProject Challenge 5: Moving and Removing Tasks with EffectsSolution Review: Moving and Removing Tasks with Effects
5

AJAX Methods

Introduction to AJAX
GET MethodPOST MethodQuiz on AJAX MethodsProject Challenge 6: Import Tasks in the To-Do List from a ServerSolution Review: Import Tasks in the To-Do List from a Server
6

Conclusion

1 Lesson

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

Looking for something else?

FOR TEAMS

Interested in this course for your business or team?

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