初学者如何学习web前端开发

一、学习HTML5和CSS3基础

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

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

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

二、学习JavaScript，了解DOM

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

三、学习Web前端核心

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

在学习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前端开发者**喜欢，也是现在企业里**常用的前端框架。

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

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

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

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