What runs in the browser: HTML, CSS, JavaScript and the frameworks built on them.

On the map: Develop › Frontend

1. HTML and CSS Beginner 10 min read ✓ Learned

   The structure and the look of every web page: semantic HTML elements and the CSS that styles them.

   Before this: The software delivery lifecycle

2. JavaScript in the browser Beginner 12 min read ✓ Learned

   Make pages interactive: react to events, change the page and load data from an API.

   Before this: HTML and CSS

3. Web accessibility Intermediate 10 min read ✓ Learned

   Build pages everyone can use — with a keyboard, a screen reader, zoom or low vision.

   Before this: HTML and CSS

4. Frontend frameworks Intermediate 10 min read ✓ Learned

   What React, Angular and Vue do for you: components, state and rendering.

   Before this: JavaScript in the browser

Technologies & Frameworks

Tools you are likely to meet with these topics. They are options, not requirements: you do not need any of them to mark a topic as learned, and nobody uses them all. Pick one when a project calls for it.

With HTML and CSS

• Tailwind CSS

  Framework

  A CSS framework of small utility classes that you combine in the HTML. It generates only the CSS the project uses.

  Installation ↗ — Tailwind CSS, official documentation, opens in a new tab Official · Tailwind Labs

• Bootstrap

  Framework

  A front-end toolkit with a responsive grid and ready-made components such as navigation bars, forms and modals.

  Get started with Bootstrap ↗ — Bootstrap, official documentation, opens in a new tab Official · Bootstrap

• Sass

  Language

  A stylesheet language compiled to CSS. It adds variables, nesting, mixins and modules for large stylesheets.

  Sass Basics ↗ — Sass, official documentation, opens in a new tab Official · Sass

With Frontend frameworks

• React

  Library

  A JavaScript library for building user interfaces from components. Routing and data fetching come from separate libraries or a framework built on React.

  Learn first: JavaScript in the browser

  Quick Start ↗ — React, official documentation, opens in a new tab Official · React

• Angular

  Framework

  A complete web application framework written in TypeScript, with routing, forms and an HTTP client included.

  Learn first: JavaScript in the browser

  Learn Angular ↗ — Angular, official documentation, opens in a new tab Official · Angular

• Vue.js

  Framework

  A framework for building user interfaces with HTML-based templates and reactive state. It can enhance one page or run a whole application.

  Learn first: JavaScript in the browser

  Quick Start ↗ — Vue.js, official documentation, opens in a new tab Official · Vue.js

• Svelte

  Framework

  A UI framework whose components are compiled to plain JavaScript at build time. SvelteKit adds routing and server rendering.

  Learn first: JavaScript in the browser

  Getting started ↗ — Svelte, official documentation, opens in a new tab Official · Svelte