【2023】前端培训，前端开发学习路线图，新手自学无忧，建议收藏！

2022-12-14 10:18 作者:不凡学院 0人读过 | 我要投稿

我是小白，如何能够少走弯路，快速系统学习前端开发？

不凡从事前端培训6年的时间里，我们接触了上千名初学者，深刻了解他们学习前端的痛点，我们花了巨大的精力和时间，整合了许多大厂在职前端开发工程师务实的建议，系统整理了前端开发学习路线，让大家在学习前端开发的路上少走弯路。

这里有多达10张思维导图，从简单的路线图到具体模块的知识点，包含各种颗粒度，系统的展示了前端知识体系，涵盖了前端学习所有的必备知识点。大家可以点赞收藏后慢慢阅读，新手自学指导，老手查漏补缺。

对哪些人有帮助：【前端学习小白】【前端转行人群】【前端自学人群】【刚入职的前端开发新手】

本文包含的内容有：

１.【前端学习路线总图】- 很多新手在学习的时候，往往搞不清楚学习的前后顺序和知识点脉络，尤其对某些知识点的把握程度一无所知。这张图总结了不凡学院前端课程体系的学习路线，并且对知识点的重要程度进行了标记。

２．【HTML+CSS基础知识点】- 包含了新手入门需要掌握的所有知识点。从基础标签和css属性和规则。

3 . 【JavaScript系列知识】- 包含了 ecmaScript所涉及的所有必备知识点。变量，逻辑判断，循环控制，对象，数组，函数，高阶函数，闭包，面向对象，ajax异步编程等。

4. 【Vue】- 包含了Vue2基础语法（后续会陆续补全Vue3相关知识点），Vue路由，状态管理，构建工具，打包工具等。

5. 【微信小程序】【微信公众号】- 包含了学习微信小程序必须掌握的知识点。微信公众号涉及的微信网页授权和微信jssdk调用。以及微信支付相关知识点。

6. 【uniapp混合开发】- 目前最流行的前端混合开发方案，一套代码可以同时编译为h5网页版，微信小程序版，Android、ios版app等，目前前端学习必备知识点（不要问大厂为什么不用uniapp？因为人家有钱同时养几个安卓和ios开发算什么）。

7. 【Git常用命令】- 上班必须掌握的git协同开发命令。强调，这里不是大杂烩，而是总结的一套你必须掌握的命令。

8. 【中后台项目】【移动端项目】- 一个中后台商城管理项目，前端采用vue+elementUI实现，后台采用Java实现服务端开发。移动端采用uniapp混合开发技术，可以大包为微信小程序和app。这两个项目配套有UI设计稿，后他java接口文档和后台服务（数据库+服务代码），通过对这两个项目进行1比1实现，可以模拟实际工作中的开发模式，同时验证自己对前端技能的掌握程度。如果这两个项目都能搞定，你大可以放心的去找工作了！

因为平台限制，这里所涉及的素材还有思维导图，可以联系获取。

前端学习路线-总思维导图