Roadmap
⚡ JavaScript / Frontend
Become a modern frontend engineer — Vanilla JS → React → Next.js.
What you'll learn
The complete frontend track: master modern JavaScript, then React, TypeScript, testing, and Next.js. By the end you'll be hireable as a frontend engineer.
Who this is for
Anyone who wants to build modern, fast, beautiful websites and web apps.
After completion you can
- Build production React apps
- Ship fully-typed TypeScript codebases
- Deploy SSR/SSG apps with Next.js
- Pass frontend coding interviews
Industry demand
2020
2021
2022
2023
2024
2025
Prerequisites
✅ Required
- • A laptop
- • Basic HTML & CSS
⚡ Helpful
- • Familiarity with the browser DevTools
📝 No prior experience needed
No JS experience needed.
Beginner · Month 1–3
JS Foundations
0/9 topics
0%
Intermediate · Month 4–6
React
0/6 topics
0%
Advanced · Month 7–8
Pro Level
0/4 topics
0%
Projects to build
Project 1
Vanilla JS Todo
DOM, events, localStorage.
HTML/CSS/JS
View project guide →
Project 2
GitHub Profile Finder
API integration + UI.
fetchasync/await
View project guide →
Project 3
React Movie Browser
Search, pagination, favorites.
React + TanStack Query + TMDB
View project guide →
Project 4
Typed Dashboard
Charts, auth, dark mode.
React + TS + Zustand
View project guide →
Project 5
Next.js SaaS Landing + Blog
SEO-friendly, server components.
Next.jsMDXVercel
View project guide →
Certifications
Meta Front-End Developer (Coursera)
freeCodeCamp Responsive Web Design
Vercel Certified Next.js Developer
Career & salary
Junior Frontend Developer
₹4L – ₹8L /yr
React Developer (Mid)
₹10L – ₹22L /yr
Senior Frontend Engineer
₹25L – ₹55L /yr
Full-Stack Next.js Engineer
₹18L – ₹50L /yr