Learn
Practice
Newsletter
Resources
Animations
New
F
Toggle theme
0
F
0
Toggle menu
Frontend Development Roadmap
How the Web Works (Client-Server, HTTP)
CSS Basics (Selectors, Box Model, Flexbox, Grid)
Accessibility (a11y) & Semantic HTML
Foundations
HTML Basics (Tags, Attributes, Forms, Media)
Responsive Design & Media Queries
Basic SEO for Developers
JavaScript Basics (Variables, Data Types, Operators)
DOM Manipulation
ES6+ Features (let/const, arrow functions, spread/rest)
JavaScript Core
Functions & Scope
Events & Event Bubbling
Asynchronous JS (Promises, async/await, fetch)
Closures & Higher Order Functions
Modules & Bundling
Interfaces, Generics, Enums
Advanced JavaScript & TypeScript
this, Prototypes & Inheritance
TypeScript Basics
TypeScript in React/Angular/Vue
React.js Fundamentals
Angular Basics
Nuxt.js (Vue SSR & SSG)
Frontend Frameworks
Vue.js Fundamentals
Next.js (React SSR & SSG)
Svelte Basics
React Context API
MobX
Zustand & Jotai (Modern React State)
State Management
Redux Toolkit
Vuex / Pinia
Server State (React Query, Apollo Client)
CSS Preprocessors (Sass, Less)
Tailwind CSS
Design Systems & Figma Handoff
Styling & UI
CSS-in-JS (styled-components, Emotion)
UI Component Libraries (Material UI, Chakra UI, Ant Design)
npm & Yarn
Transpilers (Babel)
Monorepos (Nx, Turborepo)
Tooling & Build Systems
Bundlers (Webpack, Parcel, Vite)
Linters & Formatters (ESLint, Prettier)
Unit Testing (Jest, Vitest)
End-to-End Testing (Cypress, Playwright)
CI/CD Integration for Frontend
Testing & Quality
Integration Testing (React Testing Library)
Visual Regression Testing
Web Vitals (LCP, FID, CLS)
Image Optimization
PWAs (Progressive Web Apps)
Performance & Optimization
Lazy Loading & Code Splitting
Caching & Service Workers
WebAssembly Basics
Personal Portfolio Website
E-commerce Storefront
Dashboard with Charts & APIs
Projects
Todo App with React/Vue/Angular
Blogging Platform with Next.js
PWA Weather App
JavaScript Core Q&A
Performance Optimization Questions
System Design for Frontend (SPAs, SSR, Microfrontends)
Interview Preparation
React/Vue/Angular Questions
Accessibility & SEO Questions
Frontend Development Roadmap
