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.