The path to Frontend developer

Every skill a job-ready frontend developer needs, as one path. Follow the spine top to bottom; branches show your options at each step. Tap a skill we teach to start its lessons — or open its own roadmap.

Legend:We teach itYou finished itRecommended pickComing soon

The Web & the Internet

Foundations

How the web works

HTTP & HTTPS

DNS & domains

Browsers & rendering

Hosting & CDNs

HTML

CSS

JavaScript

HTML, CSS and JavaScript are the backbone of the web. Build lots of small projects to make them stick.

Version Control

Git & hosting

Git

GitHub

GitLab

Package Managers

Soon

Pick one

npm

pnpm

yarn

Bun

TypeScript

Learn a Framework

Pick one

React

Vue

Angular

Svelte

Solid

At this point you can build modern frontend apps. Everything below makes you job-ready.

Styling at Scale

Soon

CSS approaches

Tailwind CSS

CSS Modules

CSS-in-JS

Sass / PostCSS

State Management

Soon

Tools

Context + Reducer

Zustand

Redux Toolkit

Jotai

Data & API Integration

Soon

Data layer

REST & fetch

TanStack Query

SWR

GraphQL

WebSockets

Forms & Validation

Toolkit

React Hook Form

Zod

Authentication & Authorization

Soon

Strategies

Session-based

JWT

OAuth / social

SSO / OpenID

Auth.js

RBAC

Web Security

Soon

Must know

HTTPS

XSS

CSRF

CORS

CSP

Animation & Motion

Tools

CSS animation

GSAP

Framer Motion

Meta-Frameworks

Pick one

Next.js

Remix

Astro

SvelteKit

SEO & Metadata

Accessibility

Soon

Performance & Core Web Vitals

Soon

Focus areas

Core Web Vitals

Code-splitting

Lighthouse

Bundle analysis

Testing

Soon

Tools

Vitest / Jest

Testing Library

Playwright

Cypress

Build Tools & Bundlers

Soon

Toolchain

Vite

esbuild

Webpack

ESLint

Prettier

Deployment & CI/CD

Soon

Platforms

Vercel

Netlify

CI/CD pipelines

Monitoring