课程信息

本课程是系统介绍前端页面开发的课程，包括下面几个模块内容，ES6语法的核心，Vue组件化开发，虽然基础，但都是从实战开发经历中提练的内容。

本课程从最基础的项目构建讲起，详细介绍 Vue的方方面面，包含组件的定义、传值和路由、指令的定义和应用，并结合最新的案例，讲述框架开发项目的流程和注意事项，最后，完整地介绍了项目上线后的代码测试和部署过程。

课程特色 

本课程是Vue技术深度的学习，理论与实例完整结合，每一个概念都精选了一个完整的实例，增强学员动手能力。案例内容完整全面，每一块知识点都包含了的全部内容和最前沿技术，旨在解决最真实、最实际的项目问题。

课程收益 

●  学习Vue基础开发的全部功能。

●  学会如何在项目中应用Vue框架开发。

●  掌握在项目中定义和使用组件的过程。

●  了解路由和指令应用的方法和技巧。

●  理解并掌握Vue 项目上线和部署的流程。

课程对象 

●  正在从事传统PC端Web页面的技术开发人员。

●  希望从事移动端WebApp应用开发的技术人员。

●  对前端技术感兴趣，希望从事这方面工作的人员。

●  掌握一些传统的前端开发技术，想进一步学习移动端应用开发的人员。

学员基础 

●  了解JavaScript、HTML、ES5语言

●  了解使用CSS和CSS3样式

●  了解前端开发流程或Vue框架

课程大纲

第一天上午内容

1.  框架演变和ES6基础

1.1   MVC结构的优势

1.2   ES6的诞生

1.3   ES6 解构赋值

1.4   ES6 函数

2.  ES 6中面向对象编程

2.1  类的定义和组成

2.2 类的封装和继承

2.3 模块化编程

2.4 案例实战

3.  Vue基础与数据绑定

3.1  文本操作

3.2  表达式

3.3  数据绑定

3.4  事件绑定

3.5  动画效果

第一天下午内容

4. 组件基础开发

4.1  组件的定义与传值

4.2  组件的动态传值

4.3  组件的属性值的验证

4.4  全局组件定义

5.  组件高级应用

5.1  组件的自定义事件并向父传值

5.2  多个子类组件的使用

5.3  使用子类组件优化页面代码

5.4  权限组件

6.  路由与接口

6.1  路由的功能和定义方法

6.2  路由切换时的事件触发

6.3  路由拦截处理

6.4  路由配置时注意事项

6.5  数据请求与全局配置

第二天上午内容

7.  实战——框架应用项目开发

7.1  案例一：无刷新的导航条

7.2  案例二：Vue中使用播放器——video-player

7.3  案例三：多数据联动的购物车

8.  VueX数据管理

8.1  为什么使用Vuex

8.2  如何使用Vuex

8.3  Vuex核心内容

第二天下午内容

9.  实战——瀑布流效果实现

9.1  图解瀑布流功能

9.2  瀑布流实现原理

9.3  结构布局

9.4  核心算法与实现

10. Vue框架最佳实践

10.1  判断多个异步请求是否完成

10.2  检测请求的超时

10.3  动态组件

10.4  异步组件

第三天上午内容

11. 什么是前后端分离

11.1  诞生背景

11.2  面临问题

11.3  解决方案

12. 如何做前后端分离

12.1  单页应用面临问题

12.2  优化SPA方案

12.3  中间件功能与优势

12.4  应用——分段输出页面

12.5  应用——嵌套异步请求

13. mocha测试框架应用

13.1  mocha基础知识

13.2  使用语法

13.3  异步测试

13.4  发布配置

第三天下午内容

14. Vue框架内置测试应用

14.1  内置测试框架

14.2  单元测试的配置

14.3  测试时注意事项

15. 打包工具webpack应用

15.1  特点与优势

15.2  安装与配置

15.3  应用与发布

15.4  热更新和模块关联

15.5  分模块打包