前端学习不迷茫（建议收藏）前端学习不迷茫（建议收藏）求其上者得其中，求其中者得其下。当你点进来的时候，我默认你是一个

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

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

什么是前端？

狭义上的前端开发，是指使用 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 进行大型项目开发，熟悉其类型系统与高级特性	熟练掌握计算机网络全栈知识，能分析网络性能瓶颈；精通数据结构与算法，能够高效解决各类算法问题，在算法竞赛或相关测评中有优异表现	必须拥有高质量项目经验，需对项目架构设计、技术难点攻克、业务逻辑实现等进行深度梳理，突出个人技术创新与解决复杂问题的能力	必须有大厂或知名企业实习经历，深度参与核心项目开发，对企业级开发流程、团队协作有深刻理解

学习战略

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

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

首先，你的当前现状，学校，专业，距离找工作还有多长时间，以及可以学习的时间有多少
期望在哪个城市找到薪资为多少的工作（公司规模，工作待遇）
开始根据目标制定学习规划。

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

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

学习路线

Html，Css，JavaScript（JavaScript 为重点）
git（方便之后学习过程中，代码回滚，比对，和提问）
前端框架 Vue，React，推荐先学习一个，大厂使用 React 更多一些，中小厂 Vue 更多一些
TypeScript
Nodejs，了解编写本地脚本，以及简单的服务器开发
JavaScript 重点，闭包，作用域，this 指向，异步编程，函数式编程，以及手写题目（深拷贝，class，防抖截留函数等）
浏览器渲染原理，事件循环（可以看渡一大师课），手写 Promise
Vite 等工程化工具
计算机网络，数据结构和算法

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

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

资料选择

文档资料

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

MDN，这是一个前端开发者必备的一个文档，包含了 Html，Css，JavaScript 的学习教程，也包含了 Html，Css，JavaScript 的 API 文档，还包含了一些前端开发的拓展知识，浏览器插件开发，服务器端网站编程等一些拓展知识。
现代 JavaScript 教程，以最新的 JavaScript 标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。
阮一峰的 TypeScript 教程，前端阮一峰老师，含金量不多说了，还可以关注一下阮一峰的网络日志。
各种官方文档，如Vue，React，Vite等。

视频资料：

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

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

coderwhy 官方账号，b 站有部分课程，可以试看。
如果不想花钱，系统课程可以看黑马或者尚硅谷的。

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

后盾人，免费的有 JavaScript，Html，Css，以及其他的短视频分享
小满 zs，全部免费，有 Vue3，React19，TypeScript，Nodejs
HDAlex_John，全部免费，有 Vue3，React

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

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

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

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