课程简介
以 vue.js 2.0 为基础,从周边基础(预编译样式、ES6 基础语法、开发工具、webpack 构建)覆盖组件化应用与实战,且包含服务端渲染实战以及源码解析
课程大纲
| 第一章 Vue.js 基础 | 与其他框架的区别(jquery,angular,react,riot等) * 双向绑定
 * 内置指令
 * 计算属性
 * 过滤器
 * class 与 style
 * 过渡
 * 组件化概念
 
 | 
| 第二章 预编译 css 基础 | * 预编译优势是什么 * 常用预编译工具
 * less
 * sass
 * stylus
 * postcss
 * 在 Vue.js 中的配置和应用
 
 | 
| 第三章 ES6 语法基础 | * 模块 * 变量定义
 * 函数
 * Object 对象
 * 函数柯里化概念补充
 * 在 Vue.js 中的配置和应用
 * babel 基础
 
 | 
| 第四章 webpack | * webpack 简介 * 基本概念
 * 配置信息
 * 分文件配置
 * 插件介绍
 * 插件开发
 * 高级篇
 * 打包流程
 * 打包速度优化
 * 打包体积优化
 * 内置插件解析
 
 | 
| 第五章 开发工具 | * IDE 推荐 * 如何调试 Vue.js
 * 项目脚手架 vue-cli 介绍和使用
 * vue-loader 配置和使用
 
 | 
| 第六章 与服务端交互方式 | * 插件介绍 axios * 跨域处理
 * jsonp 设置
 * 自定义请求头
 * 全局封装 request 方法
 
 | 
| 第七章 路由和视图 | * 路由插件使用 * 路由插件优化
 * 结合 webpack 做分片加载
 * 实战项目:搭建一个 SPA 项目
 
 | 
| 第八章 常用表单 | * v-model 的应用场景 * 验证插件使用
 * 修饰指令
 
 | 
| 第九章 父子组件交互 | * 常用方法 * 项目实战案例
 * slider 组件设计实战
 
 | 
| 第十章 组件开发和使用 | * 基础 * 模板
 * 异步
 * 生命周期
 * 基于第三方组件开发
 
 | 
| 第十一章 设计一个公司级组件库 | * 文件结构 * 组件拆分
 * 打包合并策略
 
 | 
| 第十二章 国际化解决方案项目实战 | * 如何设计一个国际化插件 * 如何架构整个国际化目录和语言包
 
 | 
| 第十三章 多页和单页应用项目实战 | * 单页应用项目实战 * 多页应用项目实战
 * 基于 vue-cli 设计自己的脚手架
 
 | 
| 第十四章 服务端渲染技术之 nuxt | * nuxt 基础 * nuxt 项目实战
 * 结合 docker 部署
 
 | 
| 第十五章 服务端渲染技术之 egg + vue | * egg 基础 * nuxt 项目实战
 * 结合 docker 部署
 
 | 
| 第十六章 Vue.js 本身的可视化实战 | * 如何在 Vue.js 框架基础上封装可视化 * 选择哪个轻量可视化库
 
 | 
| 第十七章 源码实现分析 | * 数据监控 * 响应式原理
 * 事件绑定
 * 插件实现细节
 
 
 | 
| 第十八章 未来 | * 跨端方案结合 weex 案例分析 * 应用 typescript 是否已经可以投产
 |