步骤1: ES6基础

本阶段综合讲解ES6的基础知识，包括 ES6的let、const、解构赋值、ES6的新扩展、Promise异步、以及Babel工具，最后综合一个ES6的案例对这些知识进行串联综合运用，达到学以致用。

第1课
ES6基础入门之let、const
本课程，主要介绍了ES6的发展史、作用、优势，以及ES6的let、const，对基础的知识做一个详细的讲解。
第2课
ES6变量的解构赋值
本课程，结合小例子，对ES6的解构赋值进行详细的讲解，主要包括数组的解构赋值、对象的解构赋值、字符串的解构赋值、数值与布尔值的解构赋值、以及函数参数的解构赋值等。
第3课
ES6扩展
本课程主要对ES6中的一些新扩展的内容进行了全面的讲解，主要包括字符串的扩展、正则的扩展、数值的扩展、函数的扩展，对象的扩展，以及数组的扩展等。
第4课
ES6 Promise
本课程主要介绍了ES6 Promise的内容， 包括回调与Promise的对比、信任问题、错误处理、Promise的状态、以及Promise对象的常用方法。
第5课
项目：ES6实现图片切换特效
本课程是一个综合案例课程，主要讲了一个用ES6的知识实现的图片切换特效案例，通过综合的运用达到知识的融会贯通。
第6课
ES6基础 测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤2: Vue初识

本阶段主要讲解了Vue的基础知识，以及Vue的实战案例，首先对整个vue的基础知识做一个全面的了解和学习，然后综合实战案例对基础知识进行贯穿和运用。

第1课
Vue基础详解
本课程，带领大家从vue的作用讲起，通过讲解基础语法，一步步解剖vue，让大家对vue有个新的认识。
第2课
项目：Vue搭建课程首页
本课程带领大家结合前面所学的知识，完成一个移动端的界面案例，其中包括环境的配置以及具体的页面实现，模拟一个真实的开发流程进行页面的开发。
第3课
Vue基础测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤3: 移动常用工具包

本阶段主要带领大家学习移动端常用的工具包zepto、swiper等内容，还有调试工具的讲解，大家能够在代码出现问题时自己找问题，学完之后能够深入的了解移动端。

第1课
Zepto详解（选修）
课程讲解zepto选择器、事件、动画等，并编写一个zepto插件。
第2课
Swiper快速切换插件
本课讲解swiper移动端滑动特效插件，快速实现Tab切换、多图切换等常用效果。
第3课
全屏滚动插件 fullPage.js
本课程主要讲解了fullpage插件的配置项详解与项目项目的实际应用。
第4课
常用工具包 测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤4: Vue框架开发webapp电商实战项目

本步骤带领大家实现手机端的商城网页，运用组件化的思想，将页面内容划分为一个个的组件。项目开发完成后，使用webpack进行项目打包，生成最终可以发布的项目，还有自动化流程工具Gulp的使用讲解。

第1课
实战：项目准备与骨架搭建
本课程，在项目准备中，会使用webpack来搭建项目的开发环境。在项目骨架搭建中，我们会分析并搭建项目的基础结构，然后来开发一个底部的Tabbar组件，并利用vue-router实现页面之间的跳转。
第2课
实战：Vue webapp首页开发
本课程中使用组件化开发方式，将页面内容划分为一个个的组件。值得一提的是，项目中的数据并不是假的，而是来自服务器端，模拟真实的开发情景。线上的数据和本地的有很大区别，相信大家在学习的过程中会深有体会。
第3课
实战：Vue 完成分类、搜索页
本课程是《vue实现慕淘商城》分类和搜索页开发及项目构建打包。项目开发完成后，还不能直接上线，需要使用webpack生成最终可以发布的版本，这就是构建打包要做的事情。
第4课
自动化构建工具Gulp
本课程主要讲解如何搭建gulp环境以及gulp常用功能插件的使用