第10周
ES6基础入门
ES6是JavaScript新的语法规范，让代码更规范、可读性高、方便操作。本周将开启ES6的学习，这是学习前端必备的一步。掌握ES6相关知识后，能够更便捷的编写代码，提高开发效率。
课程安排：
1、ES6基本语法与使用 2、掌握ES6中变量和常量的使用与区别 3、学习可以嵌入表达式的字符串字面量--模板字符串 4、掌握箭头函数的特点与应用 5、掌握如何自动解析数组或对象中的值 6、了解对象字面量更加简洁与灵活的表达方式 7、掌握参数默认值的使用
第11周
ES6语法扩展
本周将继续学习ES6的基础，通过进一步学习ES6引入的新特性，了解ES6的新方法，掌握新的集合类型，更深入的了解数据的遍历。
课程安排：
1、剩余参数与展开运算符的对比进行学习 2、了解如何实现减少逻辑或操作符的使用 3、认识ES6中新增的数据结构 4、了解ES6中新增的方法 5、了解遍历原理，以及学习新的循环方式
第12周
ES6之Promise与Class类
Promise 和 Class（类）是ES6中非常重要的知识点。Promise 是异步编程的一种解决方案，比传统的回调函数更合理和更强大。Class（类）来作为对象的模板使用，强化面向对象的使用。
课程安排：
1、学习如何高效解决回调地域问题 2、了解如何运用ES6 Promise进行异步编程 3、掌握Class基本语法的使用 4、掌握更加清晰与便捷的对象继承方式 5、掌握更高级的面向对象编程思想
第13周
ES6之Module模块与Babel编译
ES6 在语言标准的层面上，实现了模块功能。可以实现将一个大程序拆分成互相依赖的小文件。而babel的使用，完美的解决了ES6的兼容性问题，让ES6有更多可能性，使前后端差异越来越小。
课程安排：
1、了解企业级的开发形式——模块化的使用 2、学习将一个复杂的功能拆分，从而提高复用率 3、了解如何更好的维护代码 4、掌握babel转换器的使用，解决ES6的兼容问题 5、学习如何将Webpack与配合Babel使用，完成更高效的开发 6、掌握Webpack项目构建配置
第14-15周
HTTP 协议、存储、Ajax
本周将开启前后端数据交互的学习，来理解前后端开发的区别，了解网络通信的相关概念，并对与后台通信、获取数据有一个初体验。概念比较抽象，先作为了解。在后面项目开发环节，随着对知识的运用，对概念会有更深一步的理解。
课程安排：
1、了解如何区分前后端 2、理解HTTP协议，熟悉网络通信相关概念 3、学习本地存储的多种方式，了解数据缓存机制 4、了解JSON数据的几种书写格式 5、熟悉原生Ajax请求流程与细节 6、掌握常见的跨域技巧 7、学习如何自己封装Ajax 8、了解基于promise的Ajax插件——Axios
第16周
项目实战：仿穷游组件化开发
组件化开发是一种高级编程思想，适用于团队协作开发，是企业中常见的一种开发模式。本周会使用组件化方式来完成“仿穷游商城首页”的重构。掌握组件化开发能够更好的促进团队协作，提高开发和调试效率，可维护性更高。
课程安排：
1、综合运用H5/CSS3/ES6等知识，使用“组件化的开发思想”重构旅游网首页 2、了解项目组件化划分方式 3、了解模块化与组件化区别 4、采用模块化与组件化结合的开发方式 5、使用Webpack构建项目 6、运用 art-template 模板引擎，高效开发 7、真实的数据接口，实现前后台联动 8、通过自己封装的Ajax向后端请求数据 9、使用Class、Module模块完成轮播图的基类，实现模块化，提高复用率
第17周
移动基础
移动开发基础是进行webApp开发第一步。本周将开启前端学习的新篇章。通过移动端基础知识的学习，能够独立实现适配不同移动端终端的页面。
课程安排：
1、了解移动基础概念 2、了解移动端屏幕、移动端浏览器、操作系统的不同 3、掌握Flex布局的使用 4、掌握移动端常用的rem和vw适配方案 5、学习流体布局的使用
第18周
移动进阶之高效开发
移动端高质量的开发，是移动端开发的必备技能。本周继续移动端的学习，学习移动端的事件、开发中的常见问题，以及如何使项目的性能更加优化。
课程安排：
1、掌握移动端常用的touch事件 2、掌握Grid网格布局 3、学习响应式布局 4、移动端开发中常见的问题 5、学习如何从HTML、CSS、JavaScript三方面优化性能
第19周
项目实战：仿穷游移动webapp开发
接下来的一周，我们将迎来webApp项目的开发，实现从PC端开发迈向移动端。从项目分析、组件划分、结构搭建、功能实现、性能优化。体验真实企业中移动端项目的开发流程
课程安排：
1、综合运用H5/CSS3/ES6/移动知识，重构旅游网WebAPP的首页、目的地页 2、符合企业标准的开发流程，从项目分析、项目搭建、模块开发到数据对接 3、采用模块化与组件化结合的开发方式 4、使用Webpack构建项目 5、运用 art-template 模板引擎，高效开发。 6、完成 18 个典型组件开发（搜索、商品、导航等组件） 7、运用Swiper高效移动端插件开发轮播图 8、使用Ajax 处理与获取数据 9、如何处理多次请求的解决方案 10、如何运用组件化思维，拆分和复用组件 11、完成各组件性能的优化
