一、初级阶段：前端初体验，感受视觉冲击，提升学习兴趣，打消学习疑虑
PS入门（前端UI协同工具蓝湖与标你妹工具使用)
HTML5，cSS3(大量CSS3网页特效制作)
移动端布局基础(媒体查询、页面适配)，响应式页面布局。
二、中级阶段：夯实基础，打通任督二脉，杜绝做一个API的搬运工
JS入门，
DOM操作，BOM，H5常用新API，Jquery之DOM操作，Ajax ;
JS高阶，面向对象(OOP)，原型、原型链，执行上下文栈，作用域、作用域链，This，闭包，ES6/ES7.Jquery页面特效+插件封装;
服务器知识Node.js (Express4) , MongoDB(mongoose)/Mysql. Websocket.
三、高级阶段：通往前端实战之路，时下最新开发框架与使用技巧，杜绝过时技术炒剩饭
Vue全家桶(Vue2.x+Vue-Router3.x+Vuex3.x+ElementUl2.x+Axios0.9)
React全家桶(React16.x+React-Route-Dom5.x+Redux4.x+React-Redux+Redux-Thunk)
微信小程序（登录态+微信支付)
Webpack4.x
新手零基础学习web前端常见的误区：
1、习惯性一个视频一个视频的刷，能听懂视频讲的，但是看完后不会动手写代码；
2、学着学着发现前面的很多都忘记了，感觉跟白学了一样；
3、习惯性买书看，但是最后什么都没有理解，书不仅难以理解，而且每本书都非常厚重；
4、没有好的编码习惯，从开始就用错了学习方法，导致学了一段时间就觉得自己不适合，其实是你方法用错了。
那么零基础如何学习前端呢？
关键词“零基础”和“少走弯路”，针对这两个词，我们就应该相应地制定学习规划。首先你是一个零基础的人，现在急需把web前端相关技能学好，在“保证学习质量”的同时用最短的时间学好web前端应该掌握的必要技术。
制定计划
既然想在短时间学好一个技术，那么就应该运筹帷幄，如果你连一个明确的规划都没有，那很难说你能比别人做的更好，用更短的时间学好应该掌握的那些技术，一个好的规划非常重要，有很多人学习的时候就很混乱，结果必然不好。能每天按照计划完成的人并不多，这需要你个人的自律性，如果自己懒惰，神仙都救不了。你每天应该学习多少知识点，应该如何巩固，你要很明确。
外力辅助
做成一件事，无论个人能力多么出众，一定要有好的装备，那么对于学习web前端来说，什么是好的装备？比如：一个好老师的指导、一套好的视频教学、一本适合你阅读的JavaScript书籍、一个适合你的开发工具等等。这些都是辅助你的工具，但是能不能登上珠穆朗玛峰还要靠你自己，其他的都是好装备而已，没这些装备还不行。
无论你在学习html，css，JavaScript，还有框架的知识，你都要切记一点，在学习编程的过程中，聪明人的唯一体现只有是对于知识点的理解上而已，其他的都是一样，你花多少时间去动手实践，就决定了你能走多远，学习这事，任何行业都是题海战术，编程更是如此，你除了多写代码，没有其他捷径可走。
如果你对于以上几点学习web前端还有其他疑问（学习方法，学习效率，如何就业），可以随时来咨询我。
想学习前端开发，哪得从HTML开始，学完HTML之后在学习CSS，这下你学完CSS之后，你也进入了中级阶段，在学习JS就可以在前端里混了，想学习这些你也可以自己学也可以系统的去。
1、自学，用的时间需要很多，也没有人指导。
2、报学习班，这样有专人指导，会节约大部份时间，
点我百度用户头像，查看获取更多相关内容。
希望我的回答对你有所帮助。