Web Development with JavaScript

Welcome to Web Development with JavaScript. This guide teaches you how JavaScript interacts with the browser to build interactive web pages—without frameworks, build tools, or abstractions.

Prerequisites: You should understand core JavaScript before starting this guide.

The browser environment

Learn how JavaScript runs in the browser and understand the relationship between HTML, CSS, and JavaScript.

JavaScript in the Browser

The Browser Environment

The DOM

The Document Object Model (DOM) represents your HTML page. Learn how to work with it.

The DOM (Document Object Model)

Selecting Elements

Manipulating the DOM

Events and interactivity

Make your pages interactive by responding to user actions.

Events

Forms and User Input

Application state

Learn how to manage data in your applications and keep it synchronized with the DOM.

Application State in the Browser

Web APIs

Explore foundational Web APIs for JavaScript execution, timing, networking, and storage.

Web APIs Overview

How JavaScript Processes Code

Timers, Scheduling, and Animation

Fetch API

Web Storage

Best practices

Learn how to write performant, maintainable code.

Performance & Best Practices

Structuring Frontend JavaScript

Debugging Frontend JavaScript