六星云课堂：web前端开发正确学习路线

因为喜欢前端，所以毅然辞掉了以前工资待遇还不错的工作，来学习有关前端的知识，希望自己除了能在经济上获得一定的回报之外，还能在互联网这个行业做出一定的成绩。今天就开始分享我学习前端的一些理解与认识，希望能给喜欢前端和有意向从事前端开发的小伙伴有一定的帮助。

学习任何东西都要有一个正确的方向，不然事倍功半，所以正确的方向胜过无谓的努力。

第一阶段：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是脚本解释引擎解析的。

上面就是本次分享的全部内容了，对编程感兴趣的小伙伴们可以前往六星云课堂看看，开启编程之旅哦~