第1章 前端的发展之路 1
1前端的各个时代 2
1.1IE6时代 2
1.2Web2.0时代 2
1.3Node.js时代 3
1.3.1服务 3
1.3.2构建 3
1.4跨端时代 4
2MV＊框架的发展 4
2.1Angular 4
2.2Vue.js 4
2.3React 5
2.4Polymer 5
2.5Riot 5
2.6Backbonejs 6
3React包含哪些 6
3.1虚拟DOM 6
3.2JSX 7
3.3render函数 7
3.4组件 8
4准备学习React 8
4.1组件生命周期 8
4.2ES6 9
4.3NPM 9
4.4Babel 10
4.5Gulp 10
本章总结 11
本章作业 11
第2章 Node.js环境搭建 13
1Node.js介绍 14
1.1Node.js安装 14
1.2模块化 16
1.2.1CommonJS规范 16
1.2.2require方法 16
1.2.3综合案例分析 17
1.3核心模块 17
1.3.1http 18
1.3.2fs 18
1.3.3path 19
1.3.4querystring 19
1.3.5crypto 19
1.3.6util 20
1.4第三方模块 20
1.4.1request 21
1.4.2async 21
1.4.3commander 21
1.4.4html-minifier 22
1.4.5less 22
1.4.6Iru-cache 23
1.4.7qs 24
1.4.8rimraf 24
1.4.9shelljs 24
1.4.10yargs 24
2Node.js调试 25
2.1GUI方式——Node Inspector 25
2.2内置调试——Node debug 26
3Node.js命令行工具 26
3.1可执行文件 26
3.2命令行支持参数 27
4NPM 27
4.1安装第三方工具包 28
4.2package.json文件 29
4.3常用命令 30
4.4发布工具包 31
4.5取消发布过的工具包 32
本章总结 32
本章作业 33
第3章 Gulp 35
1Gulp是什么 36
1.1Gulp安装 36
1.2gulpfile文件 37
1.3Gulp命令行 38
1.3.1gulp-T 38
1.3.2gulp-h 38
2Gulp常用API 38
2.1gulp.src 39
2.2gulp.dest 39
2.3gulp.task 40
2.4gulp.watch 41
3Gulp插件 42
3.1编译less文件 42
3.2编译stylus文件 43
3.3编译sass文件 44
3.4压缩css文件 44
3.5在css里面自动添加浏览器前缀 45
3.6压缩js文件 46
3.7合并多个文件 47
3.8压缩html文件 47
3.9给文件名增加md5 48
3.10如何启动本地服务 49
3.11支持pug模板编译 50
3.12支持zip压缩 51
4Gulp优化 51
4.1优化一：清理文件和文件夹 51
4.2优化二：把配置抽离到文件中去 52
4.3优化三：拆分Gulp任务 53
本章总结 54
本章作业 54
第4章 初识React 55
1MV＊模式 56
1.1MVC 56
1.2MVP 56
1.3MVVM 57
2React简介 57
2.1什么是React 58
2.2如何安装 58
2.3特性 58
2.3.1JSX 60
2.3.2数据传递 61
3React组件化 68
3.1组件生命周期 68
3.2编写一个完整的Button组件 69
本章总结 71
本章作业 71
第5章 Flux 73
1安装 74
2基础知识 74
本章总结 81
本章作业 81
第6章 React＋Redux实战 83
1为什么使用Redux 84
1.1撤销与重做 85
1.2Redux DevTools调试工具 86
2Redux 87
2.1Redux设计思想 87
2.2Redux核心概念与API 88
2.3Redux工作流程 92
2.4react-redux的用法 92
3实例：TodoList 96
4单元测试 102
4.1Action创建函数（Action Creators） 103
4.2Reducers 103
4.3Components 105
4.4连接组件 106
本章总结 107
本章作业 107
第7章 React Router 109
1React Router概述 110
1.1路由的基本原理 110
1.2React Router基本用法 114
2React Router组件介绍 117
2.1Router组件 117
2.2Route组件 119
2.3Link组件 121
2.4其他组件 122
2.4.1Switch组件 122
2.4.2Redirect组件 123
2.4.3Prompt组件 123
3案例：React Router的运用 124
3.1Sidebar 124
3.2Modal Gallery 126
本章总结 130
本章作业 130
第8章 服务器端渲染 131
1为什么用服务器端渲染 132
1.1利于SEO 132
1.2减少首次渲染时间 134
1.3前后端代码同构 136
2服务器端渲染示例 136
3state的处理 140
4Router的处理 144
本章总结 148
本章作业 148
第9章 React Native开发 151
1React Native开发入门 152
1.1搭建iOS App的RN开发环境 152
1.2搭建Android App的RN开发环境 154
1.3Hello World 158
2布局 158
2.1React Native布局和标准Flexbox的区别 159
2.2Flexbox三个重要布局属性的用法 159
2.3Flexbox布局案例 161
3JSX在React Native中的应用 165
4React Native UI组件 166
4.1运行UI组件示例 167
4.2理解基础组件View 169
本章总结 173
本章作业 173