第1章 前端的发展之路

1前端的各个时代

1.1IE6时代

1.2Web2.0时代

1.3Node.js时代

1.3.1服务

1.3.2构建

1.4跨端时代

2MV＊框架的发展

2.1Angular

2.2Vue.js

2.3React

2.4Polymer

2.5Riot

2.6Backbonejs

3React包含哪些

3.1虚拟DOM

3.2JSX

3.3render函数

3.4组件

4准备学习React

4.1组件生命周期

4.2ES6

4.3NPM

4.4Babel

4.5Gulp

本章总结

本章作业

第2章 Node.js环境搭建

1Node.js介绍

1.1Node.js安装

1.2模块化

1.2.1CommonJS规范

1.2.2require方法

1.2.3综合案例分析

1.3核心模块

1.3.1http

1.3.2fs

1.3.3path

1.3.4querystring

1.3.5crypto

1.3.6util

1.4第三方模块

1.4.1request

1.4.2async

1.4.3commander

1.4.4html-minifier

1.4.5less

1.4.6Iru-cache

1.4.7qs

1.4.8rimraf

1.4.9shelljs

1.4.10yargs

2Node.js调试

2.1GUI方式——Node Inspector

2.2内置调试——Node debug

3Node.js命令行工具

3.1可执行文件

3.2命令行支持参数

4NPM

4.1安装第三方工具包

4.2package.json文件

4.3常用命令

4.4发布工具包

4.5取消发布过的工具包

本章总结

本章作业

第3章 Gulp

1Gulp是什么

1.1Gulp安装

1.2gulpfile文件

1.3Gulp命令行

1.3.1gulp-T

1.3.2gulp-h

2Gulp常用API

2.1gulp.src

2.2gulp.dest

2.3gulp.task

2.4gulp.watch

3Gulp插件

3.1编译less文件

3.2编译stylus文件

3.3编译sass文件

3.4压缩css文件

3.5在css里面自动添加浏览器前缀

3.6压缩js文件

3.7合并多个文件

3.8压缩html文件

3.9给文件名增加md5

3.10如何启动本地服务

3.11支持pug模板编译

3.12支持zip压缩

4Gulp优化

4.1优化一：清理文件和文件夹

4.2优化二：把配置抽离到文件中去

4.3优化三：拆分Gulp任务

本章总结

本章作业

第4章 初识React

1MV＊模式

1.1MVC

1.2MVP

1.3MVVM

2React简介

2.1什么是React

2.2如何安装

2.3特性

2.3.1JSX

2.3.2数据传递

3React组件化

3.1组件生命周期

3.2编写一个完整的Button组件

本章总结

本章作业

第5章 Flux

1安装

2基础知识

本章总结

本章作业

第6章 React＋Redux实战

1为什么使用Redux

1.1撤销与重做

1.2Redux DevTools调试工具

2Redux

2.1Redux设计思想

2.2Redux核心概念与API

2.3Redux工作流程

2.4react-redux的用法

3实例：TodoList

4单元测试

4.1Action创建函数（Action Creators）

4.2Reducers

4.3Components

4.4连接组件

本章总结

本章作业

第7章 React Router

1React Router概述

1.1路由的基本原理

1.2React Router基本用法

2React Router组件介绍

2.1Router组件

2.2Route组件

2.3Link组件

2.4其他组件

2.4.1Switch组件

2.4.2Redirect组件

2.4.3Prompt组件

3案例：React Router的运用

3.1Sidebar

3.2Modal Gallery

本章总结

本章作业

第8章 服务器端渲染

1为什么用服务器端渲染

1.1利于SEO

1.2减少首次渲染时间

1.3前后端代码同构

2服务器端渲染示例

3state的处理

4Router的处理

本章总结

本章作业

第9章 React Native开发

1React Native开发入门

1.1搭建iOS App的RN开发环境

1.2搭建Android App的RN开发环境

1.3Hello World

2布局

2.1React Native布局和标准Flexbox的区别

2.2Flexbox三个重要布局属性的用法

2.3Flexbox布局案例

3JSX在React Native中的应用

4React Native UI组件

4.1运行UI组件示例

4.2理解基础组件View

本章总结

本章作业