前端开发路线图

一步一步成为前端开发者

初学者

如果你熟悉本章列出的项目，你将能够理解其他前端工程师在谈论什么。

• 基础概念
  • HTML
  • CSS
  • JavaScript
  • TypeScript
• 寻求帮助
  • ChatGPT
  • Google / Stack Overflow
• 版本控制
  • Git
• 命令行界面
  • ls, cd, grep, rm, man...
• 包管理器
  • npm
• 前端框架
  • React / Vue
• HTTP 请求
  • RESTful API
  • axios
• CSS 框架
  • Tailwind CSS
• 单元测试
  • Vitest
• 构建与部署
  • Vite
  • Github Actions
  • AWS (S3, CloudFront, Route53)

中级

以下主题并非强制要求。请根据项目需求进行学习。

• 全栈框架
  • SSR -> Next.js
  • SSG -> Astro
• 身份验证
  • OAuth (Google/Apple)
  • JWT
• Web APIs
  • Canvas
  • SVG
  • MediaDevices
  • Web Audio API
• 后端即服务 (BaaS)
  • Firebase
  • Supabase
• 接受支付
  • Stripe
  • PayPal
• 3D 绘图与动画
  • Three.js
• CSS 进阶
  • UnoCSS
• 代码规范与工程化
  • ESLint
  • Lint staged / Husky
• 数据可视化
  • Chart.js

跨平台与移动端

• 混合开发
  • Uni-app