Step 1 of 7Start here
HTML Semantics · Forms & Validation · CSS Box Model · Flexbox Layout · +2 more
- 5 sources
- 4 videos
- 2 projects
- 2 tools
Career roadmap
Frontend Developer Roadmap
Build the user-facing side of web apps with HTML, CSS, JavaScript, and modern frameworks like React, focusing on responsive, accessible interfaces.
- Steps
- 7
- Learning sources
- 25
- Video lessons
- 25
- Project ideas
- 11
- Step 2 of 7
Variables & Types · Functions & Scope · DOM Manipulation · Async JavaScript · +1 more
- 4 sources
- 4 videos
- 2 projects
- 2 tools
- Step 3 of 7
Git Basics · Branching & Merging · GitHub Workflow · Advanced Git
- 3 sources
- 3 videos
- 2 projects
- 2 tools
- Step 4 of 7
Components & JSX · Props & State · Hooks Deep Dive · Routing · +1 more
- 4 sources
- 4 videos
- 2 projects
- 2 tools
- Step 5 of 7
CSS Modules · Tailwind CSS · CSS-in-JS · Design Systems
- 3 sources
- 4 videos
- 1 project
- 2 tools
- Step 6 of 7
Package Managers · Bundlers · Linting & Formatting · Unit Testing · +1 more
- 3 sources
- 3 videos
- 1 project
- 2 tools
- Step 7 of 7
Build & Optimize · Deploy to Vercel · Portfolio Site · Interview Prep
- 3 sources
- 3 videos
- 1 project
- 2 tools
Tools for this roadmap
Tools that match this roadmap
Ranked by overlap with this roadmap's topics. Check each provider's current free-tier limits before adopting it for a project.
- ReactOpen SourceView details
- shadcn/uiOpen SourceView details
- v0 by VercelAIView details
- CoolorsDesignView details
- FigmaDesignView details
- Next.jsOpen SourceView details
- Scrimba (Free Courses)Open SourceView details
- StorybookTestingView details
- Tailwind CSSOpen SourceView details
Showing the 9 strongest matches from 31 relevant listings.
What comes next