Web前端开发是从网页制作演变而来，其中包括三个要素：HTML、CSS和JavaScript；

如果把网页比喻成一个人的话，HTML是主体结构，像人体的身体以及四肢；CSS是衣服，可以打扮成各种形态；JS控制着人体的运动。

开始学习之前，选择一款适用于自己的编辑器，选择一款顺手的编辑器，可以大大提高开发的效率，市面上编辑器有很多，个人建议使用sublime或webstorm。对于编辑器的选择，就是仁者见仁智者见智啦。千万不要纠结于编辑器的选择，重要的是开发的结果，没有人会在乎你用了什么编辑器。

1.学习前端从HTML开始学起，掌握HTML的概念，基本语法，牢记90%以上的标签及其语义。学习HTML标签可以在w3cschool上学习。
推荐书籍：HTML5权威指南、HTML5程序设计

2.掌握HTML标签之后，学习CSS。掌握CSS的属性和写法，重点是盒模型（margin、padding、border、box-sizing等）、页面布局（定位、浮动、flex布局）、页面渲染（color、background、font、shadow等）
推荐书籍：精通CSS：高级Web标准解决方案、CSS揭秘

学完HTML+CSS，尝试自己搭建静态网页，随便打开网站，可以尝试做静态还原，看自己是否已经熟练掌握标签、语法，以及网页布局。

3.掌握了HTML+CSS之后，开始学习Javascript。JS学习起来并不会很轻松，要做好打持久战的准备。JS语法、流程控制语句、函数、内置对象、BOM、DOM等。学习JS没有捷径可走，需要的一步一个脚印的走下去。在以后的学习中，JS会伴随着所要学习的东西，所以学好基础是关键。
推荐书籍：JavaScript DOM编程艺术、JavaScript高级程序设计、javascript设计模式与开发实践、你不知道的JavaScript

学会了基本的JS操作，这个时候就可以尝试让你的网页动起来了。可以做一些经典案例，像轮播图、弹出层、回到顶部等等，可以尝试你所有想要尝试的效果。

这个时候，我们可以学习一些库的使用，像JQuery、bootstrap。使用这些可以帮助我们快速进行业务开发，减少大量冗余代码。

学会了这些，可以算是踏入前端的大门了。当然了，想要做好前端，掌握这些是远远不够的，技术更新迭代是非常快的，所以想要做好前端，需要不断的提升自己。在熟练掌握已有技术的基础上，不断的了解和学习新技术。现在比较流行的MVVM框架（react、angular、vue等），nodejs搭建服务器环境。这些都是我们需要学习和掌握的。掌握的技能越多，个人的价值越大，相对应得到的money就会越多。

学习是一个循序渐进的过程，千万不要本末倒置，不要盲目崇拜现有的框架，千万不要在自己基础不牢固的前提下去学习框架。基础是最重要的，打好基础，再去学习其他的技术，你会发现学习起来事半功倍。

学习的建议：

• 不要相信所谓的速成，学习没有捷径可走。
• 要善于利用互联网资源，在技术社区里学习前辈们的经验，少走弯路。
• 多读书，书籍是知识精华的体现，
• 多练习，勤敲代码，看的再多，不如自己动手实战。