学习任何东西都要有一个正确的方向，不然事倍功半，所以正确的方向胜过无谓的努力。
第一阶段：HTML的学习
HTML用中文来说就是超文本标记语言，是一种网页标签语言。如果我们把整个前端项目比作盖楼房的话，那么学习HTML就相当于了解了盖楼房所需要的原材料的制作方法。首先我们拿到需要的钢筋、水泥、混凝土等原材料，才能去搭建基本的楼房框架，在前端中这些“原材料”就是HTML元素，我们可以从最基本的标题标签<h1>-</h6>来了解，在开始标签和结束标签中间加上一些内容，就形成了元素，我们逐一了解这些元素以及他们的属性，那么我们就掌握了盖前端这栋大楼的基本原材料的制作方法。至于他们的属性，就比如盖楼的原材料钢筋，它多硬，多长，多粗等一些自身所具有的一些性质。要盖一栋楼房，还需要把这些原材料按照我们的方案组合布局在一起并进行样式的美化才行。
第二阶段：CSS的学习
在上一阶段楼房的原材料有了，我们将楼房盖起来后需要进行装修，CSS就是装修它的利器。对于CSS的出现，它不仅降低了我们维护成本，而且提升了我们的开发效率。CSS中的盒子模型，浮动，定位等为我们对网页中对象的控制提供了有效方法，为楼房的建设提供了汗马功劳，让我们顺利的完成了“一栋大楼”的建设。
为了让用户得到更好的交互效果和最佳体验，我们需要对楼房进行“精装修”，让它看起来更加的豪华，更加舒适。
第三阶段：Javascript
Javascript能实现网页中的动效，它是一种解释性的脚本语言。其提供的内置函数、对象、DOM操作等为我们提供了交互效果、验证功能等的实现手段。但是它的兼容性和复杂性令我们很是头疼，还好大神替我们做了封装，站在巨人的肩膀上就是好！
第四阶段：JQuery
JQuery是一个js库，它是免费、开源的，并且兼容各种的浏览器，同时有很多方便的插件可以选择。至此，我们豪华的大楼是盖起了，但是日复一日的盖楼很繁琐，也很浪费时间，能不能将我们盖楼的部件模块化，就像小时候玩的“积木”游戏一样，用的时候根据不同的需求组合就行了呢？
Bootstrap是一个HTML/CSS框架库，它是twitter公司推出的免费开源的工具包。在实际开发中我们可以借助它提供的css样式包，还有js插件快速的完成页面的布局和样式的设置，最后根据需求微调一下，这样基于框架开发大大缩短了开发周期。
最后说明一下，我们写的HTML/css以及js他们电脑怎么识别呢？这就说到浏览器的内核了，它就是负责内容页面的渲染的，分为内容排版引擎和脚本解释引擎，html和css是由内容排版引擎负责解析的，js是脚本解释引擎解析的。
