Frontend Developer Roadmap

Step by step to become a frontend developer

Beginner

If you are familiar with the items listed in this chapter, you will be able to understand what other frontend engineers are talking about.

• Foundational concepts
  • HTML
  • CSS
  • JavaScript
  • TypeScript
• Seeking Help
  • ChatGPT
  • Google / Stack Overflow
• Version Control
  • Git
• Command-line interface
  • ls, cd, grep, rm, man...
• Package Managers
  • npm
• Frontend Frameworks
  • React / Vue
• HTTP Request
  • RESTful API
  • axios
• CSS Frameworks
  • Tailwind CSS
• Unit Testing
  • Vitest
• Build and Deploy
  • Vite
  • Github Actions
  • AWS (S3, CloudFront, Route53)

Intermediate

The following topics are not mandatory. Learn according to project needs.

• Full-stack Frameworks
  • SSR -> Next.js
  • SSG -> Astro
• Authentication
  • OAuth (Google/Apple)
  • JWT
• Web APIs
  • Canvas
  • SVG
  • MediaDevices
  • Web Audio API
• Backend as a Service (BaaS)
  • Firebase
  • Supabase
• Accept Payments
  • Stripe
  • PayPal
• 3D Graphics and Animation
  • Three.js
• Advanced CSS
  • UnoCSS
• Code Standards and Engineering
  • ESLint
  • Lint staged / Husky
• Data Visualization
  • Chart.js

Cross-platform and Mobile

• Hybrid Development
  • Uni-app