前端开发学习路线图
2023-03-27
我是小白，如何能够少走弯路，快速系统学习前端开发？
不凡从事前端培训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实现，可以模拟实际工作中的开发模式，同时验证自己对前端技能的掌握程度。如果这两个项目都能搞定，你大可以放心的去找工作了！
前端学习路线-总思维导图
HTML+CSS基础知识学习路线
HTML+CSS基础配套教程
1581:50
【不凡学院】2022Web前端零基础入门教程_HTML+CSS基础项目视频_报名预习必看_小白必看！(已完结）
3646 12
视频
不凡学院
JavaScript系列知识学习路线
JavaScript系列配套教程
【不凡学院】最新前端JavaScript入门到精通教程_JS基础语法教学_初学者必备！
2827
57
视频
不凡学院
【不凡学院】2022前端JavaScript进阶教程_JS高阶视频_3天快速入门（jquery_ajax_面向对象_原型链_高阶函数等）
4336
0
视频
不凡学院
Vue技术栈学习路线
Vue教程配套教程
2281:32
【不凡学院】最新Vue教程入门到精通_40个小时玩转Vue全家桶（ES6+Vuex+Element-UI+axios+webpack）完整版
4813 39
视频
不凡学院
微信小程序学习路线
微信小程序配套教程
886:53
【不凡学院】2022前端微信小程序开发教程_零基础入门到实战项目（原生开发/uniapp/微信jssdk开发/微信支付）
3747 10
视频
不凡学院
微信公众号学习路线
uniapp混合开发学习路线
uniapp混合开发教程
921:10
【不凡学院】前端uniapp项目教程_乐购移动端_安卓_ios移动端app开发_从入门到精通
1.6万 80
视频
不凡学院
Git常用命令学习路线
项目学习路线：
项目一：后台项目
乐居商城后台教程
1497:48
【不凡学院】前端VUE项目视频/乐居商城后台管理系统/VUE项目实战教程
7943 45
视频
不凡学院
项目二：移动端项目
乐购移动端项目教程
476:20
【不凡学院】2022最新VUE实战项目_乐购移动端商城_前端VUE移动端项目教程(已完结）
7998 38
视频
不凡学院
最后：
无论参加前端培训还是自学， 总是有人成功上岸有人成了炮灰，想要成功上岸，除了引路人之外，自己也需要付出大量的努力才能成功上岸。希望你前端入行带着的是热爱，而不是投机，能让你在编程路上走的更远的一定是热爱！
