Roadmap · 5 stages · 20 topics

Frontend Engineer

How the browser works under the hood, then React, performance, and the habits that keep a UI fast, accessible and safe.

0%complete

0 of 20 topics done

~16 h 30 min of reading left

Start: How Browsers Render →

Follow it and the end of each topic suggests the next one on this track.

Stage 10/4 done

The browser underneath

Frameworks come and go. How the browser turns HTML and CSS into pixels, lays out boxes and delivers clicks stays the same. Learn it once and every framework gets easier.

Code here comes in Go and JavaScript. New to Go? Start with the 90-second Go primer.

Optional side reads (not counted):

Stage 20/3 done

JavaScript and the network

Async code and HTTP explain loading spinners, responses that arrive in the wrong order, and what the browser saves for you.

Optional side reads (not counted):

Stage 30/3 done

React, from the inside

Knowing when and why React re-draws a component is the difference between guessing at performance fixes and fixing the real cause.

Stage 40/3 done

Shipping fast pages

Where the HTML is built, how much JavaScript you ship and how the page loads decide whether users wait or leave.

Optional side reads (not counted):

Stage 50/7 done

Quality and safety

Tests let you change a UI without fear. The browser's security rules decide what other websites can do with your users' logins.

Optional side reads (not counted):