Browser and Events
Learn how JavaScript interacts with the browser environment, including the DOM, browser APIs, event handling, UI events, forms, controls, and browser lifecycle.
Document Object Model (DOM)
Learn how JavaScript represents HTML documents as a DOM tree, how to traverse it, search elements, modify nodes, work with attributes, styles, sizes, and coordinates.
Learn the DOM →
Introduction to Events
Understand how events work in the browser including bubbling, capturing, delegation, default browser actions, and custom events.
Learn Events →
UI Events
Handle user interactions such as mouse events, pointer events, keyboard input, dragging, and scrolling.
Learn UI Events →
Forms and Controls
Learn how to work with forms in JavaScript, including focus and blur events, input handling, clipboard events, and form submission.
Learn Forms →
Document and Resource Loading
Understand how pages load in the browser, including lifecycle events, async and defer scripts, and handling resource loading errors.
Learn Page Lifecycle →
Miscellaneous Browser APIs
Explore advanced browser features like MutationObserver, Selection and Range APIs, and the JavaScript event loop.
Explore Browser APIs →