Master JavaScript from basics to advanced
Learn how to remove HTML elements from the DOM with JavaScript. Master remove(), removeChild(), replaceChild(), outerHTML, and safe removal patterns with examples.
Master addEventListener in JavaScript. Learn every event type, handler options, event removal, once and passive listeners, and real-world patterns with examples.
Master click event handling in JavaScript. Learn single click, double click, right click, event targets, button detection, and real-world click patterns with examples.
Learn JavaScript keyboard events from keydown to keyup. Master event.key, key codes, modifier detection, shortcut handling, and real-world keyboard patterns.
Understand JavaScript event bubbling and capturing. Learn how events propagate through the DOM, how to stop bubbling, and when to use each phase with examples.
Master event delegation in JavaScript. Learn how to use a single event listener on a parent to handle events for all children, including dynamically added elements.
Learn how to use preventDefault() in JavaScript to stop default browser behaviors. Master form submission, link navigation, keyboard shortcuts, and touch events.
Learn JavaScript form handling from reading inputs to submitting data. Master FormData, input events, select elements, radio buttons, and async form submission.
Learn JavaScript form validation from scratch. Master required fields, email patterns, password rules, real-time feedback, the Constraint Validation API, and custom error messages.
Build a complete JavaScript todo app from scratch. Learn DOM manipulation, event handling, localStorage persistence, filtering, editing, and drag-and-drop reordering.
Build a JavaScript counter app from scratch. Learn DOM manipulation, event handling, state management, and CSS transitions in this beginner-friendly mini project.
Build a JavaScript calculator app from scratch. Learn DOM manipulation, event delegation, keyboard input, operator logic, and display formatting in this beginner project.