前端学习不迷茫（建议收藏）学习路线

---

theme: cyanosis

前端学习不迷茫（建议收藏）

当你点进来的时候，我默认你是一个前端开发的新手，或者是一个想要了解前端开发的人。让我们开启前端学习路线指导之旅。

什么是前端？

狭义上的前端开发，是指使用 HTML、CSS、JavaScript 进行网页制作。

而广义上的前端开发，则是包括了网页，微信小程序，手机 app，电脑软件，电视 app，等一系列有屏幕显示，可进行人机交互的开发工作。

前端招聘要求

这样看来，前端开发的需求量还是比较大的。接下来了解一下招聘要求。

公司等级	学历要求	HTML、CSS、JavaScript	Vue/React/TypeScript	计算机网络、数据结构与算法	项目经验	实习经历
小厂	大专及以上学历	熟悉 HTML、CSS 基础语法，能够实现常见网页布局；掌握 JavaScript 基本语法与常用 API，能编写简单交互逻辑	熟悉 Vue 框架的基础使用，能够搭建基础项目并完成简单业务功能开发	了解网络请求流程，熟悉常见 HTTP 响应状态码（如 200、404、500 等）的含义与场景	有项目经验更佳，可体现个人学习成果与实践能力	有相关实习经历更佳，能初步接触企业级项目开发
中厂	本科及以上学历（优秀大专生可放宽）	熟练掌握 HTML、CSS，能够实现复杂响应式布局与页面优化；精通 JavaScript 核心原理，包括作用域、闭包、原型链等，具备解决复杂问题的能力	熟练使用 Vue 或 React 框架，理解其核心设计思想与生态体系；熟悉 TypeScript 语法，能够在项目中使用 TypeScript 进行开发	熟悉计算机网络核心协议（如 TCP/IP、HTTP/HTTPS 等）；掌握常见数据结构（数组、链表、树等）与算法（排序、查找等），并能灵活运用	必须具备项目经验，需对项目技术选型、功能实现、遇到问题及解决方案等进行充分准备，能清晰阐述个人贡献	需有相关实习经历，深入参与企业级项目开发，积累实际工作经验
大厂	985/211 院校本科及以上学历（特别优秀的大专生可破格）	精通 HTML5 与 CSS3 新特性，能够实现高性能、高兼容性的网页；深入理解 JavaScript 异步编程、模块化等高级特性，具备源码阅读与框架开发能力	精通 Vue 或 React 框架底层原理，能够优化项目性能与解决复杂技术问题；熟练使用 TypeScript 进行大型项目开发，熟悉其类型系统与高级特性	熟练掌握计算机网络全栈知识，能分析网络性能瓶颈；精通数据结构与算法，能够高效解决各类算法问题，在算法竞赛或相关测评中有优异表现	必须拥有高质量项目经验，需对项目架构设计、技术难点攻克、业务逻辑实现等进行深度梳理，突出个人技术创新与解决复杂问题的能力	必须有大厂或知名企业实习经历，深度参与核心项目开发，对企业级开发流程、团队协作有深刻理解

学习战略

求其上者得其中，求其中者得其下。

已经了解了什么是前端开发，以及前端开发的招聘需求，那么接下来，就需要制定学习路线。首先要明确学习目标，根据你的自身状况，制定合理的目标，进而制定合理的学习规划。

1. 首先，你的当前现状，学校，专业，距离找工作还有多长时间，以及可以学习的时间有多少

2. 期望在哪个城市找到薪资为多少的工作（公司规模，工作待遇）

3. 开始根据目标制定学习规划。

你如果十分想找到一个好的工作，你必须这样做。如果你想要找到一个中厂的工作，你就按照大厂的标准来学习，那么你大概率可以收获多个中厂的 offer，大厂招聘也可以尝试尝试。

当然，学习不是一件容易的事情，想要持续下去，需要源源不断的正反馈，以及舒适的环境。你可以找个搭子一起学习，每天分享学习内容，互相鼓励。

学习路线

1. Html，Css，JavaScript（JavaScript 为重点）

2. git（方便之后学习过程中，代码回滚，比对，和提问）

3. 前端框架 Vue，React，推荐先学习一个，大厂使用 React 更多一些，中小厂 Vue 更多一些

4. TypeScript

5. Nodejs，了解编写本地脚本，以及简单的服务器开发

6. JavaScript 重点，闭包，作用域，this 指向，异步编程，函数式编程，以及手写题目（深拷贝，class，防抖截留函数等）

7. 浏览器渲染原理，事件循环（可以看渡一大师课），手写 Promise

8. Vite 等工程化工具

9. 计算机网络，数据结构和算法

更具体内容，可以参考小麦大佬的学习路线：现代前端开发学习路线

根据自己的目标选择学习的内容。

资料选择

文档资料

首先，我推荐一些文档资料：

1. MDN，这是一个前端开发者必备的一个文档，包含了 Html，Css，JavaScript 的学习教程，也包含了 Html，Css，JavaScript 的 API 文档，还包含了一些前端开发的拓展知识，浏览器插件开发，服务器端网站编程等一些拓展知识。

2. 现代 JavaScript 教程，以最新的 JavaScript 标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。

3. 阮一峰的 TypeScript 教程，前端阮一峰老师，含金量不多说了，还可以关注一下阮一峰的网络日志。

4. 各种官方文档，如Vue，React，Vite等。

视频资料：

系统课程推荐：培训机构渡一和 codewhy 的系统课程

正版课程可以支持正版，当然你也可以通过其他方式。

1. coderwhy 官方账号，b 站有部分课程，可以试看。

2. 如果不想花钱，系统课程可以看黑马或者尚硅谷的。

如果你不想看长篇大论，下面有些简短的课程推荐：

• 后盾人，免费的有 JavaScript，Html，Css，以及其他的短视频分享

• 小满 zs，全部免费，有 Vue3，React19，TypeScript，Nodejs

• HDAlex_John，全部免费，有 Vue3，React

一对一的私教老师推荐：这波能反杀

11 年经验的大前端架构师，曾就职一线大厂，具备 100+ 开发团队的管理经验。

这波能反杀老师的教程网站：前端码易

以上就是全部内容了，觉得不错的话，点个赞吧！