Roadmap

Frontend developer

JavaScript in depth, the browser, then React, and the craft of interfaces people trust.

0 of 38 chapters done

Has a chapter
Done
Not written yet

What does a frontend developer do?

A frontend developer builds what people see and touch: the pages, the forms, the state that keeps them in sync with the server.

Frameworks change every few years. The browser, the DOM and JavaScript itself do not, so this roadmap spends most of its time there. It assumes you can already write basic HTML and CSS.

Stage 01The language
The parts of JavaScript you will use every single day.
8 of 8 written
JavaScript basics4 min Variables and types4 min Operators3 min Control flow4 min
Functions2 min Arrow functions2 min Objects2 min Arrays2 min
Stage 02JavaScript, properly
The ideas interviews and real bugs are made of.
8 of 8 written
Closures3 min Hoisting3 min The this keyword4 min Prototypes4 min
Classes4 min ES6 and later4 min Destructuring3 min Map and Set4 min
Stage 03The browser
Reading and changing the page, and reacting to people.
6 of 6 written
DOM manipulation2 min Events2 min Event delegation2 min
Forms2 min Web storage3 min Regular expressions4 minoptional
Stage 04Async JavaScript
Doing things that take time without freezing the page.
6 of 6 written
Callbacks3 min Promises4 min Async and await3 min
Asynchronous patterns4 min Timers2 min Modules4 min
Stage 05React
Components, and the state that drives them.
5 of 5 written
Introduction2 min Components2 min Props2 min
State2 min A search filter6 min
CheckpointBuild a LinkTree clone
Stage 06Quality
Code that other people can change without fear.
4 of 4 written
Testing5 min Error handling2 min
TypeScript9 min Strings, in depth4 minoptional

Keep going

Roadmaps that share this ground

Full stack developer Backend developer