JavaScript and TypeScript Roadmap

The language of the web, learned properly: fundamentals, async code, the DOM, then TypeScript for real projects.

8 milestones · ~122 hours total

1. 1

   JavaScript fundamentals

   ~14h

   Variables, types and coercion, functions, scope, closures, this, arrays and objects.

   Practice this →
2. 2

   Modern JavaScript

   ~10h

   ES modules, destructuring, spread, optional chaining, classes, Map and Set, array methods.

   Practice this →
3. 3

   Asynchronous JavaScript

   ~14h

   The event loop, callbacks, promises, async/await, fetch and error handling.

   Practice this →
4. 4

   The DOM and the browser

   ~12h

   Selecting and updating elements, events, forms, storage, and how the browser renders a page.

   Practice this →
5. 5

   Tooling

   ~8h

   npm, a bundler such as Vite, ESLint, Prettier and debugging in the browser dev tools.

   Practice this →
6. 6

   TypeScript

   ~16h

   Types, interfaces, generics, narrowing, utility types and typing API responses.

   Practice this →
7. 7

   Node.js and APIs

   ~24h

   Build an Express or Fastify API, validate input, handle auth and talk to a database.

   Practice this →
8. 8

   Frameworks and interviews

   ~24h

   Pick React or Next.js for UI, then practise output-prediction, closure and async interview questions.

   Practice this →