现在许多对web前端开发感兴趣的小伙伴都希望系统而完整地学完前端开发课程，随着web技术的不断更新越来越多的开发模式和前端框架涌现出来，那么我们该如何学习前端开发的知识呢？
简单来说，web前端开发的学习内容主要包括以下三方面：
第一，web页面项目的制作
第二，移动端页面项目的制作
第三，JS框架的学习
现在，我将把前端开发学习具体分为五个阶段：
1.web页面布局
该阶段将实现对WEB页面的独立布局和制作，能够利用“div+Css”的布局模式对页面进行设计，除此之外，利用Photoshop工具对图片进行基本的处理的能力也要具备。
该阶段重点学习以下课程：
* Adobe Photoshop
* HTML+Css
* “DIV+Css”布局模式
2.页面行为阶段
在静态页面布局的基础上，如果加上一些特效和动画，会是我们的页面更加丰富，且用户体验更加良好，那么系统学习页面的行为就是关键了，在这个阶段你可能会接触Jquery 框架，学习原生的JavaScript脚本原因。为了开发出更加符合商业应用的效果，可以学习JQuery UI技术，同时也能更加熟悉框架的使用方式。
最后建议再学习一下Visual Studio的使用，Visual Studio可以用来制作.net后台项目，由于许多公司在使用.net技术进行后台开发，所以我们可以在此阶段仅学习Visual Studio制作前端页面的方法和利用MVC模式开发WEB项目的前端制作方式。
该阶段重点学习以下课程：
* JQuery技术
* JavaScript脚本语言
* jQuery UI
* Visual Stuido
对于JavaScript脚本语言的学习是一个重点，此部分主要划分为三部分：
第一部分：JavaScript基础知识
第二部分：DOM文档对象模型开发
第三部分：面向对象的程序设计
3.移动页面设计阶段
在WEB界面开发已经熟练的基础上，本阶段重点培养移动页面开发的常用技术和方法。首先要了解Css3的属性和弹性盒布局模式，Bootstrap这个样式类框架也是响应式布局重点掌握的框架。
该阶段重点学习以下课程：
* Css3技术
＊ 弹性盒布局与媒体查询
* Bootstrap框架
* JQuery Mobile技术
* Framework 7框架
* Light 7框架
4. HTML5 API开发阶段
HTML5技术在javascript的基础上给出了大量的API，丰富了页面的功能，常用的API包括：audio和video媒体API、Audio Context API、Canvas API、WebStorage API等。
该阶段重点学习的课程为：
* HTML5新增标记对和属性
* audio和video媒体API
* Canvas 画布技术
* SVG可缩放矢量图形技术
* HTML5表单验证API
* .......
5.全栈式开发阶段
为了更好地向后台传递数据，再加上全栈式开发的需要，市面上出现了许多的功能性框架，要掌握全栈式开发中服务器的搭建，最好在该阶段开始学习MySQL数据库和MongoDB数据库的设计与使用。
该阶段重点学习以下课程：
*Node.js框架
*Ajax技术
*AngularJS框架
*VUE.js框架
结束语：如果再能学习一些后台开发知识，例如：ASP.net、JSP、java、PHP等，那就更加如虎添翼了！好了，如果你喜欢web前端，那么快快加入到我们前端的大家庭中吧！
