自学前端是一个非常辛苦的过程，最不可缺少的就是坚持下去的决心以及合理的学习计划。接下来我简单说一下自学前端需要注意的几点以及自学前端的路线。
自学方法：
1、作为一个初学者，你必须明确系统的学习方法，我建议一定要有一个指导人，全靠自己学，放弃的几率非常大，在你对web前端还没有任何概念的时候，需要一个人领进门，之后就靠自己钻研，第一步就是确定web前端都需要学哪些东西，并且在多少时间内学完，建议时间6个月保底。
2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写。所以在这里告诉大家，书可以看，但是是建立在你已经对于某个知识点有了具体的操作的执行后，再用书去巩固概念，这样更加利于你对知识的理解。
3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。
不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。
推荐一个自学前端的路线，你可以参考一下：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
相关的视频教程你需要的话，可以加一下我的交流群，里面都有，其他的资料也可以问我要。
如何快速学习前端，在学习之前我们就需要了解市场需求，然后指定相应的学习规划，最后就其他外力的辅助。
1.了解市场需求
首先，零基础的人应该去了解目前想要找到一份web前端的工作，应该具备哪些技能，当你符合这些企业的基本标准后，工作就不成问题。先知道自己应该达到什么标准，然后再去学习，不学无用的知识，只学工作需求大的知识，这可以避免浪费时间，这方面小编不浪费口舌多说，可以到招聘网站多去搜集一些，或者来问我。
2.制定计划
既然想在短时间学好一个技术，那么就应该运筹帷幄，如果你连一个明确的规划都没有，那很难说你能比别人做的更好，用更短的时间学好应该掌握的那些技术，一个好的规划非常重要，有很多人学习的时候就很混乱，结果必然不好。能每天按照计划完成的人并不多，这需要你个人的自律性，如果自己懒惰，神仙都救不了。你每天应该学习多少知识点，应该如何巩固，你要很明确。
3.辅助工具
做成一件事，无论个人能力多么出众，一定要有好的装备，那么对于学习web前端来说，什么是好的装备？比如：一个好老师的指导、一套好的视频教学、一本适合你阅读的JavaScript书籍、一个适合你的开发工具等等。这些都是辅助你的工具，但是能不能登上珠穆朗玛峰还要靠你自己，其他的都是好装备而已，没这些装备还不行。
以上三点对于一个零基础的你如果准备好了，就可以行动了！
如果你对于以上几点学习web前端还有其他疑问（学习方法，学习效率，如何就业），可以随时来咨询我。
学习过程中应该注意的问题：
有的人会有这样的感觉，为什么学了后面的就会把前面的忘记了，这个问题很常见，以我对年的经验来看，主要还是你当时学的就不扎实，换个专业的说法则是“学习方法错误”。就比如我们学习英语，需要大量的背单词，但是我们总会会忘记了前几天背过的单词，如果想记住这些单词，除了时长复习之外，你还可以应用到平时的对话中。学习编程的思路也一样，并不是说你看完视频理解了就证明你会了，你还要投入大量的练习实际应用中。就跟我们高中学数学一样，例题你懂了，但是换个问法，你可能就不会了，所以既然学了就不要白学，掌握了之后在学后面的内容。
无论你在学习html，css，JavaScript，还有框架的知识，你都要切记一点，在学习编程的过程中，聪明人的唯一体现只有是对于知识点的理解上而已，其他的都是一样，你花多少时间去动手实践，就决定了你能走多远，学习这事，任何行业都是题海战术，编程更是如此，你除了多写代码，没有其他捷径可走。
本回答被网友采纳第二：紧跟技术发展趋势。目前Web前端的技术发展趋势有三个，其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响，在大数据的推动下，Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署，前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势，比如Nodejs的应用。
第三：注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养，因为前端开发的细节比较多，所以只有多操作才能逐渐熟悉。
前端开发目前被称为“大前端”，整个前端开发也被赋予了更多的含义，包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以，想要在前端行业中走的更远，一定要注重知识结构的丰富性。
在前端培训班小伙伴首先要做到的是端正学习态度，认真听讲，然后以前端培训班课程内容为主线，制定适合自己的学习计划，在完善的学习计划之下，可以提高小伙伴自主学习能力。
2.注重项目实战案例的练习
小伙伴想要深入的理解学习前端开发技术，只学习相应的开发技术基础知识还是远远不够的，还需要结合相应的项目实战案例练习才有可能达到深入学习的目的。而且前端培训班项目案例都是比较接近于企业级的，能够锻炼小伙伴在练习过程中解决问题的能力。
3.确定发展方向，针对性学习
小伙伴在前端培训班进行学习开发技术知识的过程中，要做到知己知彼，要了解企业对前端开发技术的需求，然后根据企业需求，确定自己的发展方向，根据自己所求的技术知识来针对性学习，以用为学，才能很好的提高学习效率。
一定要多敲代码~~
学习HTML和CSS，而且要完全掌握
必学：JavaScript
h5+css必学
多了解一些框架如：Bootstrap
MVC/MVVM/MVW框架
Angular.js、React.js、Vue.js、Backbone.js、Knockout/Ember等这些前端框架都要了解，最好熟练两三个。
最主要是多练习 多练习 多练习，一定要多敲代码。