对于零基础想学Web前端开发的朋友来讲，有两条路可以选择，一个就是自学成才，一个就是参加专业的IT培训学校学习，各有优劣，不过总得来讲，想要在短时间内达到出师就业的目的，那就只能通过专业的IT培训学校学习才能达成。靠自学，真不知什么时候了，当然啦，除了那些自控能力相当强大的朋友能够通过自学成才。其他人就别想太多了。

前面两种选择我们就不再讨论了，接下来，我们来点干货给大家看看。

1、环境搭建
web前端环境很好搭建，一个开发工具即可，webstorm，hbuilder，vscode，sublime。初学者建议sublime 也不要装插件，没有语法提示，可以打基础!

2、html基础
带你去认识html，让你学习去运行html，等浏览器上面打开你的页面的时候，你会有很强的成就感，然后开始学习html的基础标签！

3、css基础
html是勾勒，css是染色，基础的css学完你会有种想写页面的冲动，这时候你不用抑制住那种感觉，直接按照自己所想开写，这是你的第一个项目！

4、js基础
js是页面的逻辑，作为一个web前端开发工程师，js是很核心的部分，也是很难的部分。要让自己去熟悉那种语法环境，培养自己的开发思路，理论联系实际是最好的学习方式。

5、纯js操作dom和jquery
这阶段要知道怎么去用js来更改页面的元素，怎么去写dom事件，经过一番联系后，再引入jquery！

6、ui框架
推荐从bootstrap开始，这个框架很经典，响应式的珊格系统被后来框架一直沿用！看bootstrap的源码，先学会去定制bootstrap！

7、深入学习css3
基础学完css3要提上日程，这时你会看到不一样的web世界！

8、深入学习js
这阶段你就要去解读原型链，原型替换，this指向，es6，es7的新语法！

9、学一套主流mvx框架
从vue开始，react的jsx语法不适合你入门去学习，angular2的typescript语法糖难度也比较高，vue学起来平滑些，结合vue，学一下vue-router，vuex，element ui，axios，webpack。做个项目！

10、做两个项目
一个是侧重于css特效方面的，要求就是非常酷！第二个项目侧重逻辑处理，用来升华你的逻辑能力！

总结

通过以十步来学习，相信你已经成为一名合格的web前端开发工程师，现在还不去开启你的就业之旅！

喜欢web前端开发的朋友，请联系北大青鸟长沙科泰教育考察学习。