The path

Start with the structure of a page, style it, make it interactive with JavaScript, add types with TypeScript, then pick a framework. Each step is a full DevArcade course with lessons, quizzes and coding problems you solve in the browser.

1. 1

   Step 1

   </>

   HTML Mastery

   35 lessons

   Every page starts as HTML: structure, meaning and forms come first.

   See the course
2. 2

   Step 2

   CSS

   CSS Mastery

   41 lessons

   Style and lay out that structure: the cascade, Flexbox, Grid and responsive design.

   See the course
3. 3

   Step 3

   JS

   JS Mastery

   69 lessons

   Make pages interactive, and learn the language every framework is written in.

   See the course
4. 4

   Step 4

   TS

   TypeScript Mastery

   36 lessons

   Add types to your JavaScript so bigger apps stay safe to change.

   See the course

5. Step 5, pick one

   Pick a framework

   Frameworks build interfaces from components. Learn one well; the ideas carry over to the rest.

   • JSX

     React Mastery

     Coming soon

     The most widely used UI library: components, hooks and a huge ecosystem.

   • Vue

     Vue Mastery

     Coming soon

     Approachable and progressive: templates, reactivity and single-file components.

   • Sv

     Svelte Mastery

     Coming soon

     A compiler that writes the reactive code for you: little boilerplate, fast pages.

   • NG

     Angular Mastery

     Coming soon

     A complete framework with TypeScript, routing and dependency injection built in.

6. Finish line

   1 step on this roadmap is coming soon. Everything else is ready to learn today.