步骤1: jQuery进阶

本阶段主要介绍jQuery的深入内容，包括jQuery动画、常用工具函数，以及如何用jSon和Ajax进行数据交换，还有左侧导航案例，更有常用工具包fullPage的应用。

第1课
jQuery动画
本课程主要讲解jQuery中的动画，使页面更加生动、动画的兼容性更好。
第2课
jQuery常用工具函数
本课程讲解jQ与其他库同时使用方法、特性检测、处理JS对象和集合及其他工具函数
第3课
JSON与AJAX
本课程讲解AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象
第4课
左侧导航案例
本课程讲解实现左侧导航的不同方式，并进行对比，实现灵活运用不同方式实现左侧导航
第5课
fullPage
本课程主要讲解了fullpage插件的配置项详解与项目项目的实际应用。
第6课
jQuery进阶测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤2: 移动响应式

本阶段主要带领大家走进移动端，主要讲解了移动基础视口、弹性盒布局、响应式布局、以及结合前面的只是实现综合案例等内容，为移动端开发打下坚实的基础。

第1课
移动基础
本课程讲解移动端的基础、度量单位、浏览器等知识，对移动端开发有一个初步的了解。
第2课
响应式布局
本课程讲解移动端响应式布局的实现，当屏幕到达一定的宽度的时候会有不一样的布局。
第3课
flex弹性布局
本课程讲解移动端的flex布局以及伸缩容器和项目的属性学习，实现弹性布局页面。
第4课
移动端界面案例
本课程讲解移动端界面，通过代码、布局分析讲解及弹性布局的使用，了解移动端开发。
第5课
移动基础与响应式测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤3: 常用工具包

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

第1课
错误调试与处理
本课程讲解在研发的过程中遇到代码出现问题时，如何去找问题、去调试代码。
第2课
zepto（选修）
课程讲解zepto选择器、事件、动画等，并编写一个zepto插件。
第3课
Swiper
本课讲解swiper移动端滑动特效插件，快速实现Tab切换、多图切换等常用效果。
第4课
常用工具包测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤4: Bootstrap详解

本阶段主要带领大家来一起学习Bootstrap的相关知识，会从下载配置到组件的应用，以及如何快速搭建网页布局，带领大家层层揭秘Bootstrap的神奇之处。

第1课
bootstrap栅格布局
本课程讲解bootstrap栅格布局，以及如何使用栅格布局完成响应式页面
第2课
bootstrap模块分类及排版布局
本课程讲解模块分类、排版布局、对表单、表格、按钮、图像和文本进行样式设置。
第3课
bootstrap常用组件
本节课讲解组件和插件，可复用的组件和插件能提高开发效率及增加页面的用户体验。
第4课
bootstrap实战案例
本课程运用bootstrap实现一个网页的布局，体验项目的开发流程以及技巧。
第5课
bootstrap测试
本课为考评，满分100学分，共20道题，限时30分钟