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.

Recent changes:
• Refreshed look and smoother experience across the app
• Improved translations — lessons and screens in your language

Thanks for learning with us — your reviews help us improve!