Frontend Developer Roadmap

Step by step guide to becoming 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
• Getting Help
  • ChatGPT
  • Google
• Command-line interface
  • ls, cd, grep, rm, man...
• Version control
  • Git
• Data structures
  • Data types
  • TypeScript
• Frontend frameworks
  • React
  • Vue.js
• Package Managers
  • npm
• CSS frameworks
  • Tailwind CSS
• HTTP request
  • HTTP request methods
  • HTTP response status codes
  • Fetch API
• Build and deploy
  • Domain names
  • DNS
  • Vite
  • Github Actions
  • AWS s3
  • AWS cloudfront
  • AWS route53
• Testing
  • Vitest
• Assignment
  • Write and deploy a todo list App using skills you just learned

Intermediate

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

• Web APIs
  • Canvas
  • SVG
  • MediaDevices
• Authentication
  • Sign in with Google
  • JWT
• Accept payments
  • Stripe
  • PayPal
• Frontend frameworks
  • Astro
• Package Managers
  • pnpm
• Linter
  • ESLint
  • Lint staged
  • Husky
• Data visualization
  • Chart.js