前端学习路线图

从入门到入土

• ⭐ 现代化前端开发学习路线
• 鱼皮的前端学习路线
• Frontend Developer Roadmap: What is Frontend Development?

速成路线

通用基础

HTML 和 CSS

• HTML

  • HTML 参考文档
  • HTML 学习文档

• CSS

  • CSS 参考文档
  • CSS 学习文档

• 学习视频

  • HTML + CSS 新课
  • HTML + CSS 旧课

编程语言

JavaScript (JS)

• JS 参考文档
• JS 学习文档
• JS + ES6 学习视频

TypeScript (TS)

• TS 文档
• TS 学习视频 - 较简单
• TS 学习视频 - 较难

工具与库

• Axios 文档
• UnoCSS
• Tailwind CSS
• SCSS 官方文档
• Vite 官方文档

---

React 方向

React 相关文档

• React 官方文档
• React Router
• Zustand
• Ant Design
• Material UI

React 学习视频

• 中文一条龙
• 英文：
  • 简易无相关库学习
  • ⭐ 强烈推荐一条龙 - 50+ HOURS REACT.JS 19 MONSTER CLASS

---

Vue 方向

Vue 相关文档

• Vue 官方文档
• Vue Router
• Pinia
• Element Plus
• Vuetify

Vue 学习视频

• 英文：
  • ⭐ Vue Mastery

极速版

• 3小时前端入门教程（HTML+CSS+JS）
• 【黑马！真的很详细！】CSS3-flex布局(flex布局的单个知识点忘记也可以复习)
• 尚硅谷Web前端Promise教程从入门到精通
• axios从小白到入土
• 【NPM】包管理工具 #node package manager
• 黑马程序员前端React18入门到实战视频教程，从react+hooks核心基础到企业级项目开发实战（B站评论、极客园项目等）及大厂面试全通关
• 尚硅谷Vue3入门到实战，最新版vue3+TypeScript前端开发教程