简介
前端一直面临着知识领域广，产品形态变化频繁等工作特性带来的问题。领域广，而起点技术低使得前端的工作任务非常繁杂。产品变化频繁使得搭建可维护性强、伸缩性强的前端架构非常困难。但是近年来随着前端技术的飞速发展，有了越来越多的工具和框架诞生来帮助前端提升效率，稳定架构。这些技术中目前最成熟的就是Facebook推出的React。它完全组件化的思路统一了web开发的基本模式。活跃的生态圈，解决了包管理、静态资源发布等等工程上的难题。
这门课程主要面向前端工程师，讲师将向学员教授 React 本身的内核原理、知识要点。同时带领学员学习并实践使用业界最流行的应用架构。
目标
1.掌握 React 的基本知识
2.了解 React 的内核原理
3.掌握业界流行应用架构的使用
4.掌握如何设计适合业务的应用架构
5.了解大型系统实践案例
课程时长
2天（12H）
受众对象
有一定开发经验的前端人员
课程特点
系统化的领域知识和最新的业界实践案例
分享提纲
| 1.前端框架发展概览 | 1.1 前端模板技术原理 1.2 Backbone基本原理 1.3 Knockout基本原理 1.4 Angular基本原理与实践 1.5 React基本原理与实践 |
| 2.React的学习与实践 | 2.1 基于React的前端组件化学习 2.1.1 组件的基本构建 2.1.2 组件声明周期 2.1.3 组件与数据联动原理与实践 2.1.4 组件的嵌套与通信 2.1.5 组件的设计 2.1.6 组件编写实践 2.2 React 的内核原理学习 2.2.1 Virtual DOM 2.2.2 性能优化 2.3 React 与传统框架结合 2.3.1 前端与图表结合 2.3.2 前端与jQuery 结合 2.4 React 的发展趋势 |
| 3.基于React的应用架构学习与实践 | 3.1 前端应用架构基本原理与实践 3.1.1 Angular 应用架构介绍 3.1.2 React 应用架构介绍 3.1.3 应用架构 Flux 原理与实践 3.1.4 全局Action 设计实践 3.1.5 全局数据及模型设计实践 3.2 应用架构 Redux 原理与实践 3.2.1 全局数据设计 3.2.1.1 数据扁平化 3.2.1.2 数据模型异化 3.2.2 全局事件设计 3.2.2.1 Action Creator 使用与实践 3.2.2.2 Async Action Creator 使用与事件 3.2.3 事件中间件使用 3.2.4 中间件使用与编写 3.2.4.1 redux-thunk 使用 3.2.4.2 redux-saga 使用 3.2.4.3 编写 middleware 3.2.4.4 编写 enhancer 3.3 应用架构设计 3.3.1 简单系统的全局数据设计 3.3.2 数据变化的设计 3.3.3 管理全局异步操作状态 3.4 与接口的自动化整合 3.5 应用架构发展趋势 |
| 4.基于React的前端调试与工程化 | 4.1 前端包管理与仓库 4.1.1 版本与原 4.1.2 依赖策略 4.2 前端打包原理 4.2.1 打包工具 4.2.2 打包工具插件 4.2.3 样式与资源文件的打包 4.3 前端调试 4.3.1 工程质量保障 4.3.2 打包信息调试 4.3.3 浏览器调试技术 |
| 5.前后端工程结合案例与实战 | 5.1 接口设计基本原则 5.1.1 业界方案 5.1.2 标准REST 5.1.3 关联资源的设计 5.1.4 GraphQL方案 5.1.5 Falcor方案 5.2 大型系统使用案例分析 |
京ICP备2022035414号-1
