Learn jQuery: Code & Build

Learn jQuery, the JavaScript library for DOM manipulation, events, effects and AJAX, one short lesson at a time. This step-by-step tutorial pairs every topic with a live JS editor: write a chain, and a real page reacts on your phone. jQuery 3.7.1 is built into the app, so the page preview runs on the device, even offline.

WHAT'S INSIDE

• 22 courses with 48 lessons, from level A1 to C1

• Live JS editor with page preview: write HTML, CSS and jQuery code and run it right away

• 20 debugging missions: fix real bugs, like a click handler where "this" is the window or a chain that ends in a string

• 20 guided web page projects in HTML and CSS, the markup your selectors work on

• 50 interview questions, 50 quiz questions and a 91-entry cheat sheet

• AI Mentor: ask about a selector, an error or an AJAX call and get an answer in plain language

• Certificate exam at the end of the course (Pro)

• World Coding Challenge: 3 global rounds every day, solved in JavaScript or another language

• Streaks, progress tracking and reminders

• App available in 22 languages

THE COURSE, STEP BY STEP

• Welcome and first steps: the $ function and your first chain

• Selectors: select elements, advanced selectors and DOM traversal

• DOM manipulation: create, insert, move and remove elements

• Styling: change CSS and classes from code

• Event handling with .on(), event delegation and custom events

• Animations and effects: fadeIn, slideDown, animate() and custom effects

• Dynamic content with data attributes and templating

• Form handling and validation

• AJAX with $.ajax(): load and send data without a page reload

• Deferred objects and promises for asynchronous code

• Custom selectors and advanced filtering

• Writing robust plugins

• Performance and best practices

• Integrating jQuery with modern JavaScript, and testing your code

LEARN BY DOING

• Every lesson mixes a short explanation with code you write yourself

• The editor re-runs your code the moment you stop typing, with no server and no build step

• Missions hand you broken code and ask you to find the bug, the way it happens at work: a delete button that only works on old rows, a menu that keeps sliding after you leave, a save that fires twice

• Quiz and interview questions help you prepare for front end interviews, where jQuery still shows up in legacy code

• The cheat sheet keeps selectors, events, effects and AJAX methods one tap away

• The AI Mentor explains a concept again, in simpler words, as many times as you need

WHY LEARN IT

• Selectors borrow from CSS, so if you know a CSS selector you already know most of a jQuery one

• Chaining turns four statements into one readable line

• A large share of existing websites still run it, so reading and fixing this code is a practical web development skill

• It is a gentle way into the DOM, events and asynchronous JavaScript

WHO IT'S FOR

• Beginners who know a little HTML and CSS and want to make pages interactive

• Students practicing JavaScript and the DOM for class

• Web developers who maintain sites built on this library

• Anyone preparing for a front end job interview

FREE AND PRO

Start free: the first course (Welcome to jQuery), the first guided project, two missions, the editor, quizzes, interview questions, the cheat sheet and 3 AI Mentor questions a day. The free version shows ads. Pro unlocks every course, project and mission, the certificate exam and unlimited AI Mentor, and removes ads. Pro is available as a weekly, monthly or yearly subscription, or as a one-time lifetime purchase.

jQuery is a trademark of the OpenJS Foundation. This is an independent learning app, not affiliated with or endorsed by the OpenJS Foundation.