前言
课程设计说明
关于引用作品版权说明
第1章 前端的发展之路
1 前端的各个时代
1.1 IE6时代
1.2 Web 2.0时代
1.3 Node.js时代
1.3.1 服务
1.3.2 构建
1.4 跨端时代
2 MV*框架的发展
2.1 Angular
2.2 Vuejs
2.3 React
2.4 Polymer
2.5 Riot
2.6 Backbone.js
3 React包含哪些
3.1 虚拟DOM
3.2 JSX
3.3 render函数
3.4 组件
4 准备学习React
4.1 组件生命周期
4.2 ES6
4.3 NPM
4.4 Babel
4.5 Gulp
本章总结
本章作业
第2章 Nodejs环境搭建
1 Nodejs介绍
1.1 Node.js安装
1.2 模块化
1.2.1 CommonJS规范
1.2.2 require方法
1.2.3 综合案例分析
1.3 核心模块
1.3.1 http
1.3.2 fs
1.3.3 path.
1.3.4 querystring
1.3.5 crypto
1.3.6 util
1.4第三方模块
1.4.1 request
1.4.2 async
1.4.3 commander
1.4.4 html-minifier
1.4.5 less
1.4.6 lru.cache
1.4.7 qS
1.4.8 rirnraf
1.4.9 shelljs
1.4.10 yargs
2 Nodejs调试
2.1 GUI方式一一Nodc Inspector
2.2 内置调试一一Node debug
3 Nodejs命令行工具
3.1 可执行文件
3.2 命令行支持参数
4 NPM
4.1 安装第三方工具包
4.2 packagejson文件
4.3 常用命令
4.4 发布工具包
4.5 取消发布过的工具包
本章总结
本章作业
第3章 Gulp
1 Gulp是什么
1.1 Gulp安装
1.2 gulpfile文件
1.3 Gulp命令行
1.3.1 gulp-T
1.3.2 gulp-h
2 Gulp常用API
2.1 gulp.src
2.2 gulp.dest
2.3 gulp.task
2.4 gulp.watch
3 Gulp插件
3.1 编译less文件
3.2 编译stylus文件
3.3 编译sass文件
3.4 压缩CSS文件
3.5 在CSS里面自动添加浏览器前缀
3.6 压缩is文件
3.7 合并多个文件
3.8 压缩htrnl文件
3.9 给文件名增加md5
3.10 如何启动本地服务
3.11 支持pug模板编译
3.12 支持zip压缩
4 Gulp优化
4.1 优化一:清理文件和文件夹
4.2 优化二:把配置抽离到文件中去
4.3 优化三:拆分Gulp任务
本章总结
本章作业
第4章 初识React
1 MV*模式
1.1 MVC
1.2 MVP
1.3 MVVM
2 React简介
2.1 什么是React
2.2 如何安装
2.3 特性
2.3.1 JSX
2.3.2 数据传递
3 React组件化
3.1 组件生命周期
3.2 编写一个完整的Button组件
本章总结
本章作业
第5章 Flux
1 安装
2 基础知识
本章总结
本章作业
第6章 React+Redux实战
1 为什么使用Redux
1.1 撤销与重做
1.2 Redux Dev.Fools调试工具
2 Redux
2.1 Redux设计思想
2.2 Redux核心概念与API
2.3 Redux工作流程
2.4 react-redux的用法
3 实例:ToodoList
4 单元测试
4.1 Action创建函数(Action Creators)
4.2 Reducers
4.3 Components
4.4 连接组件
本章总结
本章作业
第7章 React Routei
1 React Router概述
1.1 路由的基本原理
1.2 React.Router基本用法
2 ReactRouter组件介绍
2.1 Router组件
2.2 Route组件
2.3 Link组件
2.4 其他组件
2.4.1 Switch组件
2.4.2 Redirect组件
2.4.3 Prompt组件
3 案例:React Router的运用
3.1 Sidebar
3.2 Modal Gallery
本章总结
本章作业
第8章 服务器端渲染
1 为什么用服务器端渲染
1.1 利于SEO
1.2 减少首次渲染时间
1.3 前后端代码同构
2 服务器端渲染示例
3 state的处理
4 Router的处理
本章总结
本章作业
第9章 ReactNative开发
1 ReactNative开发入门
1.1 搭建iOSApp的RN开发环境
1.2 搭建AndroidApp的RN开发环境
1.3 Hello worid
2 布局
2.1 React Native布局和标准Flexbox的区别
2.2 Flexbox三个重要布局属性的用法
2.3 Flexbox布局案例
3 JSX在ReactNative中的应用
4 ReactNative UI组件
4.1 运行UI组件示例
4.2 理解基础组件View
本章总结
本章作业