如何才能自学Web前端？

第一步：HTML + CSS

前端的入门门槛极低，体现在HTML和CSS上。运行环境就是浏览器，推荐Chrome。你需要的一些前端工具箱，推荐Dreamwear/Sublime/Photoshop/SVN等。HTML和CSS不是编程语言，前者只是结构标签，后者则是样式配置，入门是非常简单的。网上资料也有很多，刚入门查阅资料可以用w3school或者MDN（https://developer.mozilla.org/zh-CN）。

进阶可以学习下：

HTML主要是学了H5的Canvas。

掌握预处理工具Sass、Less。

前端框架：Bootstrap、Foundation。

第二步：JavaScript

这是至关重要的阶段。

javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》，js是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。

在有了基础之后，进一步学习内容包括：

1. 简单框架，荐先学 zepto，简单易用

2. 复杂框架，是指 react、vue、angular 等不直接操作dom的框架。这类框架建议js基础打扎实后再学习。

学习前端需要方法，更需要一颗平常心，不要把前端想的多难，需要吃什么苦。。。既然学习这么痛苦，为什么不快乐一点学呢？

anyway~希望大家可以成为一个优秀的前端er！