Frontend Developer Roadmap

From HTML basics to shipping a modern web app.

1. 1

   Internet

   How the web works: requests, responses and the browser.

   • HTTP
   • DNS
   • Browsers
   • articleHow does the Internet work?
2. 2

   HTML

   Structure of a page and semantic markup.

   • Semantic tags
   • Forms
   • SEO basics(optional)
   • articleMDN: HTML basics
3. 3

   CSS

   Layout, styling and responsive design.

   • Flexbox
   • Grid
   • Responsive design
   • articleMDN: CSS
4. 4

   JavaScript

   The language of the web: syntax, DOM and async code.

   • DOM
   • Fetch API
   • Promises & async
   • coursejavascript.info
5. 5

   Framework

   Pick one framework and build something real with it.

   • Vue
   • React(optional)
   • Svelte(optional)
   • articleVue guide
6. 6

   Build & Deploy

   Bundle, test and ship your app.

   • Vite
   • Git
   • Testing(optional)