看你的问题，应该也是初学者。一般来说0基础/初学者，在学习Web前端时很容易陷入理论派以及不知道怎么去学习，如何系统学习的一些误区，经常是学一个阶段就迷茫了，这个原因大体就是目标不明确，以及学习路线不清晰造成的。
因此，你需要明确Web前端培训要学哪些东西，学习路线是怎么样的。所以你先了解学习路线是很正确的，学习还是要讲究章法。
根据你的需求，安妹给你分享大家实用性高并且就业市场反馈很好的前端课程大纲。思维导图比较大，看着不太清晰，这边以阶段的形式给你分享：
Web前端培训学习需要哪几个阶段，从哪里开始学，主要学什么？以及不同阶段配合要做哪些项目实战？学习完可以实现哪些目标？
第一阶段：企业级网站开发流程及规范+静态页面制作（html5+css3）
web应用原型制作+静态页面制作
·软件开发流程
·Axure草图制作方法
·网页图片处理规范+基础操作流程
·网页高保真制作
·HTML+HTML5网页基础标签
·CSS+CSS3从入门到实战
·实战：企业Axure项目高保真运用及页面100%静态还原
“通过本阶段学习及项目实训，你可以掌握web应用开发流程，进行网站业务以及功能分析，对Axure、ps相关软件进行基础操作，完成网站高保真制作。并能根据高保真图，利用html5+css3进行100%的页面还原”
第二阶段：Web前端核心基础课程——Web前端原生Js+jQuery+Bootstrap
·JavaScript从基础到进阶
·ES6从基础到项目运用
·jQuery从使用到设计思想的讲解
·Bootstrap的使用及原理讲解
·实战：管理系统商业项目小组实战训练与考核
“通过本阶段学习及项目实训，你能够更好地掌握原生JavaScript，强化学生JS基础以及dom操作在实际项目中的应用场景，对项目进行响应式开发。以及jQuery和Bootstrap的应用”
第三阶段：Web前端进阶课程——大web前端全栈开发
·MySQL数据库操作及范式理论
·Node.js+Express全栈开发
·自动化构建工具与版本管理器运用（gulp、svn、git）
·less预处理语言入门到项目使用
·HTML5高级应用，canvas画图动画讲解
·实战：企业pc强化课程-电商项目实战开发
“通过本阶段学习及项目实训，你能够掌握软件开发流程，掌握项目自动化构建、熟练使用版本控制器管理项目，规范接口文档，理解模块化编程，熟练掌握数据可视化，从前台页面到服务器、数据库进行全栈开发。”
第四阶段：web前端高级框架课程——前端MVVM框架实战
·JavaScript高级应用
·Vue.js
·实战1：利用vue全家桶进行后台管理项目开发
·微信小程序开发
·实战2：商业小程序项目开发与实训
·React.js
“强化Vue框架的相关知识点及应用实践，高达六周的实战训练，极度贴近企业实际应用过程中的一线技术，你可以熟练掌握mvvm前端架构，熟练掌握小程序开发流程。精通react框架及flux架构并进行webapp项目开发。”
以上是大家Web前端培训课程的框架内容，整个课程共分为四个阶段，课程周期共120天，其中项目实战占比高达50%以上，其中两个月会与Java班级完成前后端合作开发大型项目，提前体验企业级开发的团队氛围，在保证基础知识夯实的基础上，突出企业实际运用，突出真实企业项目实战。
5个半月时间内，将通过自主以及团队合作，完成包括完整静态页面、全流程电商项目、小程序项目等在内的5套实战项目，通过大量的真实企业级项目实战，在项目的实施中全方位提升技术能力、学习能力和解决问题的能力。
整个学习过程，只要你认真努力地学，用心完成实战项目，找工作都是顺理成章的事情。成功会眷顾每一个努力拼搏的人。
如果觉得《比较好的WEB前端学习路线是什么？ – 网络》对你有帮助，请点赞、收藏，并留下你的观点哦！
