近几年IT业可谓是发展火热，衍生了很多新职业，什么UI设计师、前端工程师、系统分析员、硬件工程师、测试工程师、软件工程师等等。在这众多的新生职业中备受瞩目的当属Web前端工程师了。Web前端工程师就业发展前景好，薪资也高，有不少人选择了这一职业成为自己的发展方向，如果你是一名刚步入web前端的新手，下面就让宝比万像来送你两件法宝吧——学习路线图和前人的建议。
Web前端的学习路线大概是这样，如下图所示：
下面就让我们一起来了解一下路线图里的各项内容吧。
第一步：基础学习：HTML+CSS
这部分比较简单。HTML，是网页制作必备的编程语言，最基本要掌握div，formtable、Ulli、P、跨度、字体这些标签，这些都是最常用的，如今HTML已发展到第五代了。HTML5对于开发者来说，技术跨平台，适配多终端；对于用户来说，提高了用户体验，加强了视觉感受；对于搜索引擎来说，HTML5新增的标签，使搜索引擎更容易抓取和索引网页，从而驱动网站获得更多的点击流量。
CSS是用来协助HTML布局和显示的，CSS必须掌握浮、位置、宽度和高度，以及最大值和最小值，%、溢出、边缘、填充等，这些都是与布局相关的样式。
CSS中盒子模型、流动、block、inline、层叠、样式优先级等学起来也是比较容易的。之后再深入了解下浏览器差异性，IE9以下浏览器被淘汰是趋势，低版本没必要浪费大量时间去学习，简单了解就行了。浏览器差异内容很多，建议在实践中多多积累。现在，CSS已经升级到CSS3了。
第二步：JavaScript语言学习。
JavaScript是前端的核心，Web脚本语言中使用最广泛的语言，要学的内容很多，有很多比较抽象的概念，比如闭包、原型、面向对象、封装等，如果没有其他编程语言基础的话，学起来可能比较费力。要想理解透彻JS，看书是必不可少的，要反复研究学习才行,最好边学边练，实践出真知。
如果你求安逸，只想一个普通的前端程序员，那么只要学习Javascript函数，结合相应的练习就OK了。但如果要想成为一名优秀的前端工程师，就必须深刻去理解Javascript的原理、机制、本源、基于对象的本质。建议多看一些开源项目，从实践中学习。
第三步：jQuery学习：
以上基础知识掌握好之后，还需要学jQuery，因为JavaScript的语法有的地方冗长、反复使用，jQuery的出现，简化了Javascript的复杂操作，提供了大量的实用方法，使开发者可以使用已经封装好的元素。jQuery是一个非常优秀的Javascript库，里面包含了众多的插件和扩展，大型开发必备。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。
第四步：进阶学习：综合实践
有了以上知识，你应该可以写出一些小型网站的代码了。不过，自从互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端因此发生了翻天覆地的改变。网页不再只是承载单一的文字和图片，各种各样的媒体让网页的内容更加丰富多彩，网页上软件化的交互形式也为用户提供了更好的使用体验，而这些都是基于前端技术来实现的。web前端开发包含面很广，要学的东西也很多。如今web前端开发包括有软件开发、