Resources

Mozilla's beginner course on elements, text, links, images, forms, and tables.

Every HTML element, what it means, and which attributes it accepts.

Google's course on semantic, accessible HTML, chapter by chapter.

Free, project-based curriculum covering HTML, CSS, and JavaScript with certifications.

Selectors, the box model, values and units, and how the cascade decides which rule wins.

A thorough course from the box model through flexbox, grid, and responsive design.

The illustrated cheat sheet for every flex container and flex item property.

Every grid property with diagrams, from templates and gaps to spanning items.

A short game that teaches flexbox alignment by moving frogs onto lily pads.

A modern, readable JavaScript tutorial from the basics to promises and modules.

Mozilla's guide to the language: functions, objects, arrays, and more.

How to make network requests with fetch, check responses, and handle errors.

A free book that teaches programming through JavaScript, with exercises in every chapter.

The official tutorial: components, props, state, and hooks, with interactive examples.

A step-by-step method for splitting a UI into components and placing state.

When to reach for useEffect, and the simpler patterns that usually replace it.

Testing components the way users use them; the style of the tests on this site.

A free code editor with built-in Git, a terminal, and great JavaScript support.

Inspect the DOM, debug JavaScript, and watch network requests in the browser.

What version control is and the Git commands you will use every day.

Start a real React project on your own computer with a fast development server.

The official course for building full-stack React apps with Next.js, the framework behind this site.