React实战开发特训班(价值798)万门大学
【课程介绍】
前端工程师是一个容易上手的高薪职业,想成为一名前端工程师,React是必要学习的内容,在 React 出现之前,基于 HTML 的前端界面开发正变得越来越复杂。如何将来自于服务器端或者用户输入的动态数据高效地反映到用户界面上,是最让人头疼的难题。而React则很好地解决了这个问题,使用React可以非常轻松地创建用户交互界面,在数据改变时更高效地更新渲染界面。
本次课程针对有一定HTML、CSS、JavaScript基础的学员开办,让没有React基础的学员能掌握到JSX、组件、VDOM、路由、Flux、Redux等基础的知识点,最终在成为前端工程师的路上有所精进。
【课程目录】
第1讲从零理解React
1.1自我介绍
1.2课程导入
1.3React是什么?(一)
1.4React是什么?(二)
1.5MV*模型(一)
1.6MV*模型(二)
1.7React.js开发环境搭建—编辑器
1.8React.js开发环境搭建—React安装
1.9Hello World!
1.10JSX是什么?
1.11JSX 语法注意事项(一)
1.12JSX 语法注意事项(二)
1.13JSX 语法注意事项(三)
第2讲React组件(上)
2.1JSX语法之注释
2.2JSX语法之数组循环(一)
2.3JSX语法之数组循环(二)
2.4ES6 箭头函数(一)
2.5ES6 箭头函数(二)
2.6React 条件渲染
2.7React style
2.8ES6中class的语法
2.9组件(一)
2.10组件(二)
2.11组件参数传递
2.12组件嵌套
2.13组件嵌套的key
2.14Virtual DOM的原理(一)
2.15Virtual DOM的原理(二)
2.16组件嵌套并传递参数
第3讲React组件(下)
3.1组件实现一个简单表单(一)
3.2组件实现一个简单表单(二)
3.3组件实现一个简单表单(三)
3.4事件(一)
3.5事件(二)
3.6状态
3.7props发生变化导致render
3.8forceUpdate强制render
3.9组件的生存周期(一)
3.10组件的生存周期(二)
3.11ShouldComponentUpdate(一)
3.12ShouldComponentUpdate(二)
3.13ShouldComponentUpdate(三)
3.14ComponentWillUnmount
3.15子组件向父组件传递信息
3.16ref
第4讲Webpack+ React(上)
4.1组件引用和组件通信
4.2搭建webpack环境(一)
4.3搭建webpack环境(二)
4.4搭建webpack环境(三)
4.5搭建webpack环境(四)
4.6课程回顾
4.7搭建webpack环境(五)
4.8搭建webpack环境(六)
4.9搭建webpack环境(七)
4.10处理CSS
4.11处理图片
4.12处理字体文件
4.13处理less文件
4.14兼容旧版css(一)
4.15兼容旧版css(二)
4.16兼容旧版css(三)
第5讲Webpack+ React(下)
5.1配置Eslint
5.2修改webpack.config.js(一)
5.3修改webpack.config.js(二)
5.4配置Jest(一)
5.5配置Jest(二)
5.6配置Jest(三)
5.7配置dev-server服务器(一)
5.8配置dev-server服务器(二)
5.9多配置(一)
5.10多配置(二)
5.11多配置(三)
5.12Webpack基础
第6讲React 路由
6.1什么是路由?
6.2React Router(一)
6.3React Router(二)
6.4React Router(三)
6.5React Router(四)
6.6React Router(五)
6.7React Router(六)
6.8React Router(七)
6.9路由嵌套(一)
6.10路由嵌套(二)
6.11路由嵌套(三)
6.12路由嵌套(四)
6.13自动路由跳转
第7讲 Redux
7.1Flux
7.2MVC框架的缺陷
7.3从Flux到Redux
7.4Redux(一)
7.5Redux(二)
7.6Redux(三)
7.7Redux(四)
7.8在React中使用Redux(一)
7.9在React中使用Redux(二)
7.10在React中使用Redux(三)
7.11在React中使用Redux(四)
7.12让代码更加优雅(一)
7.13让代码更加优雅(二)
7.14Redux+路由(一)
7.15Redux+路由(二)
第8讲 数据通信
8.1传统数据交互的问题
8.2HTTP\2
8.3Fetch(一)
8.4Fetch(二)
8.5async–await模式
8.6Res能解析的格式
8.7获取数据
8.8用koa2搭建服务端
8.9formData(一)
8.10formData(二)
8.11formData(三)
8.12formData(四)
8.13formData(五)
8.14formData(六)
8.15Axios
第9讲React Native
9.1React Native概述
9.2如何搭建开发环境?(一)
9.3如何搭建开发环境?(二)
9.4如何搭建开发环境?(三)
9.5Text\View\StyleSheet
9.6state与按钮&事件
第10讲React Native&服务器端渲染
10.1Image
10.2FlatList和touchableOpacity
10.3TextInput
10.4SSR—浏览器端渲染
10.5SSR—服务端渲染(一)
10.6SSR—服务端渲染(二)