Frontend Developer
Learn how browsers turn code into pixels, then build up through CSS layout, modern JavaScript, TypeScript and React (routing and forms included), finishing with server rendering, Next.js and the production skills that separate hobby projects from professional work.
- 21 lessons
- 4 stages
- 1 branch
- 18 concept notes
- includes Git & Collaboration
Also part of Software Engineer and Full-Stack Developer — progress here counts there too.
Your progress
0 / 20
required steps
+ 0/1 optional
- 01
The web platform
How the web works and the two languages every page is made of.
- 01How the web worksDNS, HTTP, and what a browser does with a URL.
- 02HTML essentialsSemantic structure, forms, and the document outline.
- 03CSS fundamentalsSelectors, the cascade, specificity and the box model.
- 04Flexbox & GridThe two layout systems you will use every day.
- 05Responsive designFluid layouts, media queries and container queries.
- 02
JavaScript
The language of the browser, from values to the event loop.
- 06JavaScript basicsValues, functions, objects, arrays and scope.
- 07The DOM & eventsReading and changing the page in response to users.
- 08Async JavaScriptThe event loop, promises, async/await and fetch.
- 09Modules & toolingES modules, npm, bundlers and Vite.
- Gt
Step 10 · Roadmap · 10 lessons
Git & Collaboration
Every team ships through Git. Learn it before your first real project.
0/9
- 03
TypeScript & React
Typed JavaScript and the component model behind modern UIs.
- 11TypeScript essentialsTypes, interfaces, unions, generics and narrowing.
- 12React fundamentalsComponents, JSX, props and rendering lists.
Step 13 · Pick one
Style your components
Two mainstream ways to keep CSS manageable in a component codebase. Learn one well.
- 14State & effectsuseState, useEffect, and when you need neither.
- 15RoutingURLs, nested layouts, params, loaders and code splitting.
- 16Forms in ReactForm actions, Zod validation, pending states and accessible errors.
- 17Data fetching & cachingLoading states, server state and TanStack Query.
- 04
Production
Rendering on the server, and the skills that make software usable by everyone, everywhere.
- You made it.