怎么学习web前端,学成后能做什么

学习了web前端后，我们就可以开发网页，做h5动画，做手机端的app，还可以做自己的博客网站，可以做微信公众号开发，开发小程序，可以结合nwjs做电脑客户端软件：例如QQ、各种杀毒软件、甚至许多游戏的登录客户端都是web前端来做的。

环境搭建

前端环境搭建只需要一个开发工具：webstorm,hbuilder,vscode,sublime。新手建议sublime，不要安装插件，因为他没有语法提示，可以更好的打基础。

html底层

认识html，让你学习如何运行html，等着在浏览器上打开页面时，你会有很强的成就感，多学习html的基本标签。

css基础

如果说html是骨肉，那css就是皮肤，基本css完成学习后你会有一种想写页面的冲动，这时你不必抑制住那种感觉，直接按自己的想法写，这是你的第一个项目。

js基础

js是页面逻辑的一部分，也可以说是一个网页的"神经"，作为web前端工程师，js是非常重要的一部分。学习完js以后再多学一点，特别是前一周，让自己去熟悉那种语法环境，培养自己的开发思路，还有一点就是学完一周的知识后，及时与你的讲师交流沟通，看看自己对js的理解是否有误，以及学习思路有没有问题，讲师会告诉你这些事情需要更多的学习，什么不常用、没用，还有就是告诉你你所学的这些在项目中如何应用，多看理论实际是最好的学习方法。

在这个阶段中，纯js操作dom和jquery要知道如何使用js修改页面元素、如何编写dom事件，在进行一次接触之后，再介绍jquery，不要本末倒置。

从bootstrap开始uiFrap的第一步，这是一个非常经典的框架，有响应性的Senger系统之后就一直沿用了。许多讲师都会带着学生一起去了解下一步bootstrap的源代码，让他们学习到这个设计理念，因为后面的设计对他们非常有用。如果可以，你应该去看看源码，先学习定制bootstrap，公司注重二次开发，定制的bootstrap才能练手。

要把深入css3基础学习css3提到日程上来，此时你将看到不同的世界。

进入js这个阶段，你将阅读原型链，取代原型，this指向，es6,es7的新语法，

了解主流mv*框架vue,react,angular2选择一种，我建议首先使用vue,react的jsx语法并不适合你开始学习，angular2的typescript语法上的糖分也比较难，vue也很流畅，结合vue，学习vue-router，vuex,elementui,axios,webpack。

nodejs

这个没有要求，你在学习vue时实际上已经在使用nodejs，你使用的npm是nodejs的一部分，这一阶段是说nodejs编程，比较难理解，毕竟是写服务器的事情，不过前面的基础打牢，让别人一点拨都可以上手，技巧不难，思想转换难。