资源一大堆，不知道从哪下手？这份清单帮你理清楚！
很多想学前端的同学都会遇到这个问题：
HTML、CSS、JavaScript、Vue、React……到底先学哪个？
B站收藏了几十个视频，打开一个看两集又去追另一个，半年过去了，连个页面都写不出来😭
别慌！这份前端自学路线+老师清单，一次帮你搞定👇
从入门到进阶，从三件套到框架，照着跟就行。
🎨 基础三件套
🎯 入门看：黑马程序员前端基础
HTML+CSS，讲得细，新手无压力，边学边写
🎯 核心看：Pink老师JavaScript
JS语法+DOM+BOM，案例多，讲得通透，前端必跟
🎯 实战看：李立超前端教程
JS高级+ES6，深入浅出，想进阶的闭眼入
⚛️ 框架学习
🎯 Vue入门：coderwhy的Vue教程
从基础到实战，讲得很稳，项目案例能直接写进简历
🎯 React入门：千锋教育React全家桶
hooks、路由、状态管理一套讲完，适合初学者
🎯 实战进阶：程序员鱼皮
企业级项目实战，前后端联调，跟着做能出活
🛠️ 工程化与工具
🎯 版本控制：Git与GitHub（尚硅谷）
从clone到push，团队协作必备，面试常考
🎯 打包工具：Webpack5（小满zs）
配置原理+优化，搞懂这一套，工程化就通了
🎯 代码规范：ESLint + Prettier
跟着文档配一遍，养成好习惯
📱 移动端与跨平台
🎯 响应式：黑马移动端适配
flex、grid、rem、vw，一套搞定手机端
🎯 UniApp：uniapp跨平台开发
一套代码出小程序+App，适合快速上线
🎯 小程序：极客时间小程序入门
从注册到发布，适合想做私单的同学
🧪 面试与刷题
🎯 算法基础：LeetCode前端向
刷数组、字符串、链表，够用就行
🎯 面试题：前端面试之道
八股文+场景题，提前背一背，面试不慌
🎯 简历项目：vue3+ts后台管理系统
B站搜“vue3后台管理”，挑播放高的跟着做
师傅领进门，修行在个人。
路线和老师们都给你摆这了，剩下的就看你敲不敲了💪
