web前端开发的学习曲线

      现在许多对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前端，那么快快加入到我们前端的大家庭中吧！