文章声明：转载来源：https://blog.csdn.net/xiaoxijing/article/details/104576662

近几年互联网行业可谓发展火热，也因此新生了很多职业，而这众多的新生职业中备受瞩目的当属web前端工程师。因此现在越来越多人选择来学web前端技术，那web前端如何自学呢？
作为一个在前端行业15年的编程老鸟，下面来说说我对自学Web前端的一些看法和建议。

自学Web前端成功的必要因素
1.自律

2.找有经验的前辈带你入门避免走弯路

3.制定良好的学习路线，学习企业中正在流行的前端技术来学习。

4.坚定目标，持之以恒

前端学习路线

前端学习计划（以阶段划分）
一、 第一阶段（入门篇）

XHTML

CSS2.0

HTML5（新增标签部分—涉及到js的放到后面再学习）

CSS3（新增N多选择器及属性）

学完这个部分你应该就可以写出一个简单的企业网站了

二、 第二阶段Javascript（学完这个阶段电商类的pc站已经可以制作了）

原生JavaScript交互功能开发

面向对象进阶与ES5/ES6/ES7应用

JavaScript工具库自主研发

jQuery经典交互特效开发

前端工程化与模块化应用

三、 第三阶段（框架）

Vue.js开发基础

应用Vue.js开发WEBApp

React 开发基础

应用React开发WEBApp

微信公众号开发

微信小程序开发

Angular6开发基础

应用Angular6开发WEBApp

正确的学习方法

想 —》 看 —》 做 —》

想往往看到内容特别多的时候，做一个详细的学习规划，分散到每一天，每一小时，每一分钟，其实就没那么多了

1.想首先要明确我们要学习的内容大概有哪些，有一个合理明确的学习规划，例如我们准备要学习Web前端的内容了，我们首先要知道学习的内容有哪几部分，分散到每一天我们都需要学习一些什么内容，这样有目标的去看视频，去学习就轻松多了。

2.看最好可以是一边看一边练习，这样理论和实践相结合，我们对知识点的理解会更深刻看视频要有目的性的去看（不能盲目的为看视频而看视频），最好是带着问题去看视频，这样更有价值

3.做看完一个内容了，要找几个相同的案例，多练习，熟能生巧其实内容之间是相互关联的，不是独立的，我们学习了html+css，在学习js的时候同样需要用到我们html和css的内容因此，我们不需要花大量时间去专门学习html+css，我们只需要把布局用到的一些核心知识点（例如常用的标签，盒模型，浮动，定位等）理解了掌握了就可以了，然后在后面学习js时，多找一些网站案例，复习我们学习过的html+css俗话说，键盘敲烂，月薪过万，希望小伙伴能够利用百分之40%的时间去学习知识点，利用百分之60%的时间去找大量的网站案例去练习和理解就可以了！

4.想当我们经历了想，看，做这前三个过程后，那么我们最后还是回到了想，这一次想什么呢？简单点来说就是总结，结合视频和练习的案例，对一些知识点进行归纳和总结。在写案例的过程中遇到过哪些bug，是如何解决的，总结一些实战的经验和技巧。最好按照顺序逐步学习不可跳跃，技术讲求的是一个贯通。如果跳跃学习很容易脱节，毕竟将来是想从事Web前端方向的开发工作一切以实战为目的，学习期间多多跟随视频练习，切勿光看不练。代码这东西看10遍不如写1遍，很多的BUG都是在你写项目的时候出现的。视频教学里的东西肯定不会出现BUG，但是自己写项目的时候出现了。自己要摸索解决，长此以往积累经验，未来在工作中才会事半功倍。加油！认准的事情就要坚持到底！