JavaScript & TypeScript
-
What JavaScript is, where it runs (browser and Node.js), and how the language has evolved since ES2015.
-
The event loop, Promises, async/await, Promise.all, and common async pitfalls to avoid.
-
Named vs default exports, re-exporting, and code-splitting with dynamic import().
-
Primitives, interfaces vs type aliases, union/intersection types, arrays, tuples, and optional/readonly properties.
-
Creating branches, fast-forward vs merge commits, and resolving a merge conflict.
Typed utility library
A small TypeScript library of date and string helpers, published to GitHub with a README.
Frontend with React
-
JSX syntax rules, function components, props, and composing components together.
-
Managing component state with useState, the rules of hooks, and useRef for DOM access.
-
useEffect, dependency arrays, cleanup functions, and fetching data with loading and error states.
-
The spacing scale, typography, color utilities, and layout utilities like flex, grid and width/height.
Kanban board UI
Drag-and-drop task board in React with local state, filters and a responsive Tailwind layout.
Backend with Node.js
-
What Node.js is, V8 and libuv conceptually, installing Node, and your first script.
-
CommonJS vs ES modules, and npm basics: package.json, dependencies, and installing packages.
-
A complete small Express app: routes, middleware, route params, JSON bodies, and error handling.
-
REST principles, HTTP verbs mapped to CRUD, and a resource-oriented URL design example.
-
API keys, JWT bearer tokens and signature verification, and the OAuth2 authorization code flow.
-
How JSON Web Tokens work, how to sign and verify them, access vs refresh tokens, and the mistakes that make JWTs insecure.
Kanban API
Express REST API with sign-up, login, JWT auth and CRUD for boards and tasks.
Data
-
The document model, when it fits better than relational, and connecting via mongosh.
-
Embedding vs referencing, the core MongoDB modeling decision, and schema validation rules.
-
What PostgreSQL is, why teams choose it over MySQL, and connecting via psql.
-
Implementing cache-aside with real Redis commands, plus the cache stampede problem and mitigations.
Persist & cache
Store boards in MongoDB, cache hot reads in Redis and connect the React UI to your API.
Ship the full stack
-
Building an API with Route Handlers, mutating data with Server Actions, and when to use each.
-
Full-duplex vs HTTP request/response, the upgrade handshake, and when (not) to use WebSockets.
-
Unit tests, mocking, and Supertest integration tests for an Express route.
-
What containers are, how they differ from VMs, installing Docker, and your first container.
-
A complete GitHub Actions workflow that checks out code, installs dependencies, and runs tests on every push and PR.
-
What NestJS is, why teams choose it over plain Express, installing the CLI, and the generated project structure.
-
Commonly asked Node.js interview questions with clear, practical answers.
Deployed SaaS
Add live updates, tests and a Docker + GitHub Actions pipeline, then deploy the full app on a public URL.
Finish line: prove it
Finished the roadmap? Turn it into proof employers trust.
🏆 Earn a free Skill Forge certificate
🧭 Where to go next
Full-Stack JavaScript Developer Roadmap FAQ
What is the MERN stack?
Should I learn frontend or backend first?
Is full-stack development good for freelancing?
MongoDB or PostgreSQL?
Keep going after this roadmap
System Design Roadmap
The concepts and practice problems that come up in every system design interview and every real large-scale system.
- 1Core concepts
- 2Data & messaging
- 3Production concerns
- 4Practice
DevOps Engineer Roadmap
Linux, Git, CI/CD, Docker, Kubernetes, AWS, Terraform and production operations — automate, ship and run software reliably.
- 1Linux & networking
- 2Git & CI/CD
- 3Containers
- 4Kubernetes
- 5Cloud & IaC
- 6Run it in production
Frontend Developer Roadmap
From your first HTML page to fast, accessible React and Next.js apps — HTML, CSS, JavaScript, TypeScript, React, testing and deployment.
- 1HTML & CSS
- 2JavaScript
- 3Modern tooling
- 4React
- 5Production frontend