精彩推荐

终于有人把云计算、大数据和人工智能讲明白了！

大学期末考试，老师和学生谁更怕补考？

大学老师：如果你考了60分，请记住，那不是你努力的结果，是我努力的结果

那些“混”大学的日子，都会变成打脸的巴掌

来源：韩老师乐学堂（ID：yupuyuan_）

Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过10年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

随着Web2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的切入点。

初学者如何学习web前端开发，需要掌握哪些方面?

一、学习HTML5和CSS3基础

随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。

随着HTML5的发展和普及，了解HTML5也将成为Web开发人员的必修课。涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。

利用HTML5和CSS3模拟一些你所见过的网站的排版和布局(色彩，图片，文字样式等等)。

如：京东首页的实现

二、学习JavaScript，了解DOM

JavaScript是一种能让你的网页更加生动活泼的程序语言。学习JavaScript的基本语法，学会用JavaScript操作网页中DOM元素。

三、学习Web前端核心

学习Jquery之后，大家就要学习HTML5高级阶段(HTML5Canvas绘图、HTML5SVG、音频和视频处理、表单处理、表单验证...等)

在学习Jquery和HTML5学习结束后，就可以完成飞机大战、飞扬的小鸟以及复杂订单的实现。

四、学习HTTP协议及Server端技术

服务器端脚本编程(后台开发)也是Web开发人员的基本功之一。

要构建动态页面通常会使用到数据库，比如，Oracle、MySQL数据库。

对于Web服务器来说，Apache就是其中之一。那么Apache、php、数据库，该怎么理解它们的关系?

1、Apache是服务器基础，php和数据库都需要Apache来协调工作

2、php是脚本解释，如果不用php，那么Apache出来的东西就只是静态的，而不能在服务器实现功能

3、数据库完全可以单独使用，但是和Apache、php一起，则是由php代码调用数据库接口，而apache就负责解释php代码，让他能真正地实现对数据库的调用

五、学习Web前端高级技术

当你掌握了HTML5，CSS3，JavaScript等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。

Bootstrap是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。

AngularJS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。

以上这些是全部的知识体系。如果你想成为一名合格的、让leader喜欢的程序猿，你除了知道这些知识之外，我觉得还需要以下几点：

要了解敏捷软件开发流程（如SCRUM）和项目管理知识（如考取PMP），这也属于一种“软”知识吧；

要学会在网上和别人交流（博客、qq群、开源项目），交流能让自己看到自己的不足

要学会自我反省和自我学习。

-END-

图文综合来自网络，有删减、如涉及版权问题，请联系我们以便处理。文章内容纯属作者个人观点，不代表本网观点。