2025 Front-End Developer Roadmap

A self-paced Notion guide for career switchers, self-taught devs, and other folks breaking into front-end tech.

Tier 0: Set Up for Success

✅ Starter Tasks

• [ ] Install VS Code
• [ ] Learn basic terminal commands (cd, ls, mkdir, touch)
• [ ] Set up Git and GitHub
• [ ] Create a Notion or Google Doc for tracking your learning
• [ ] Join online communities:
  • [ ] Frontend Mentor
  • [ ] CodeNewbie
  • [ ] Tech Twitter / YouTube
  • [ ] Discord Communities

Beginner-Friendly Resources

• VS Code Intro
• GitHub for Beginners
• Command Line Crash Course

Tier 1: Web Foundations

✅ HTML & CSS

• [ ] Semantic HTML
• [ ] CSS Basics: box model, colors, units
• [ ] CSS Flexbox
• [ ] CSS Grid
• [ ] Media queries

Mini Project: Bio page or portfolio skeleton