前端自学者存在的学习误区：
1、所学东西可能已过时
奉为经典的东西可能已经过时，或者已经有了更好的替代者，而你获取信息的渠道有限，消息滞后，导致学习的内容也相对滞后。
2、学习方法盲目。
看书看不懂就找视频类教程学习，觉得教程跟自己的口味不符就另寻他法，因为自己缺少对资源的辨识能力，总是在没有清晰规划学习线路的情况就盲目学习，导致无效学习时间过长而收获寥寥。
3、只有理论，缺乏真实项目锻炼。
对技术的理解停留在理论层次，而缺乏真实企业项目的历练，如果没有相关实习或工作经历，对前端岗位具体的责任划分和工作流程了解不充分。
如何自学前端知识：
自学方法：
1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。
2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。
3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。
4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。
学前端的话，书籍是必不可少的：
1、《JavaScript高级程序设计(第3版) 红皮书 》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。
2、《JavaScript权威指南(第6版)》 犀牛书，本书不仅适合初学者系统学习，也适合有经验的 JavaScript 开发者随手翻阅。
3、《JavaScript DOM编程艺术 (第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践，并全面探讨了HTML5以及jQuery等JavaScript库。
4、《CSS权威指南(第三版)》，不管你是一个有经验的Web开发人员还是一个彻底的初学者，《CSS权威指南(第3版)》都是你的CSS学习源泉。
5、《JavaScript设计模式》，适合JavaScript初学者、前端设计者、JavaScript程序员学习，也可以作为大专院校相关专业师生的学习用书，以及培训学校的教材。
6、《你不知道的JavaScript(上中下卷) 》，本书既适合JavaScript语言初学者了解其精髓，又适合经验丰富的JavaScript开发人员深入学习。
7、《Vue.js权威指南》，该书内容全面，讲解细致，实例丰富，适用于各层次的开发者。
学习路线：
第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数据库)
视频教程：
web前端学习、面试；文档、视频资源免费获取：
只要努力学到真东西，前途自然不会差。如果你想学好web前端开发，一般在2w左右，可以根据自己的实际需求去实地看一下，先去试听之后，再选择比较适合自己的，希望能给你带去帮助。本回答被网友采纳
现在学习前端基础的平台有很多，B站或者是腾讯课堂都是可以的，我们在B站分享了很多经典的前端基础视频教程，都是开源的，你可以去看看。
2.多动手，少看书，很多人学web前端就一味的看书，这不是学数学物理，你看例题可能就会了，学习web前端主要是学习编程思想。
3.勤练习，学完新的知识点，一定要记得如何去应用，不然学完就会忘，学我们这行主要都是实际操作。
4.学习要有效率，如果自己都觉得效率非常低，那就停不停，找一下原因，去问问过来人这是为什么
自控能力差还是放弃自学吧，自学掌握的东西比较皮毛，而且缺少实战项目，可以先去【千锋】试听一下，看看哪种学习方式适合自己，能否学的会。
超文本标识表记标帜说话(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页仍是动态网页，终极前往到阅读器端的都是HTML代码，阅读器将HTML代码诠释衬着后出现给用户。因 此，我们必需把握HTML的根基构造和常用标识表记标帜及属性。
HTML 的进修是一个记忆和理解的过程，在进修过程中可以借助Dreamweaver的“拆分”视图辅助进修。在“设计”视图中看了局，在“代码”视图中学本质， 将各类视图的上风阐扬到极致，这种比力进修的编制填补了纯挚识记HTML标签和属性的死板乏味，想必对列位初学的小盆友们来说必定是极好的!
在进修了HTML之后，我们只是把握了各类“原质料”的建造编制，要想盖一幢楼房就还必要把这些“原质料”按照我们设计的方案组合构造在一起并停止一些款式的美化。
第二个阶段——CSS的进修
CSS是英文Cascading Style Sheets的缩写，叫做层叠款式表，是可以真正做到网页默示与内容分手的一种款式设计说话。相对付传统HTML的默示而言其款式是可以复用的，如许就极大地进步了我们开发的速度，降低了维护的本钱。
同时CSS中的盒子模子、相对构造、绝对构造等可以实现对网页中各工具的位置排版停止像素级的切确节制。经由过程此阶段的进修，我们就可以顺遂完成“一幢楼房”的拔擢。
“楼房”拔擢完成之后，我们可以交给用户使用，可是若是想让用户获得更佳的体验，我们还可以对“楼房”停止更深一步的“装修”，让它看起来更“奢华”一些。
第三个阶段——JavaScript的进修
JavaScript是一种在客户端遍及使用的脚步说话，在JavaScript傍边为我们供给了一些内置函数、工具和DOM把持，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么机械，屌丝霎时逆袭高富帅!有么有?
此时，大概你还沉醉在JavaScript给你带来的惊喜之中，但你的项目司理却俄然对你大吼道
“这个了局在××阅读器下不兼容，重新搞……”
“不兼容?”霎时石化了有木有?
“我擦，坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”
JavaScript的兼容性和复杂性偶尔辰几乎让我们头疼，还好有“大神”帮我们做了封装。
第四个阶段——jQUery的进修
jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各类阅读器(jQuery2.0及后续版本抛却了对IE6/7/8阅读器的支撑)，同时如今 有良多基于jQuery的插件可供选择，如许在我们实现一些丰盛的动态了局时更便当快捷，大大节约了我们开发的时辰，进步了开发速度，这也充实浮现了其 write less,do more的焦点主旨。这个Feel倍儿爽!有么有?
“奢华大楼”至此拔地而起，可是天天如许日复一日，年复一年的盖楼，好繁琐!能不能将大楼里面每一个零丁部件模块化，当必要盖楼时就像聚积木一样组合在一起，如许岂不是爽歪歪?可以实现吗?谜底是必定的。
这种思惟在Web前端开发中也是合适的，于是乎就出现了各类前端框架，在这里保举给大师的是Bootstrap。
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支撑相应式构造。一经推出后颇受接待，不息是GitHub上的热点开源项目。
在项目开发过程中，我们可以借助Bootstrap供给的CSS款式、组件、JavaScript插件等快速的完成页面构造和款式设置，然后再有针对性的微调款式，如许基于框架停止开发大大缩短了开发周期。站在巨人的肩膀上就是爽!