学途无忧

标题: React16组件化+测试+全流程 实战在线账本项目 [打印本页]

作者: admin    时间: 2020-3-10 17:43
标题: React16组件化+测试+全流程 实战在线账本项目


第1章 课程介绍
介绍了整个课程的背景知识,项目简介,学习流程,可以掌握的知识点,以及学习方法和前置知识
1-1 课程导读 试看

第2章 设计稿:从蓝图开始
从原型图出发,分析整个应用的需求和功能点,最后规定了文件结构和代码规范。
2-1 从分析设计稿开始
2-2 文件代码结构

第3章 首页:庖丁解牛
使用 React 理念开发首页的功能,通过组件拆分-展示型组件开发的流程开发所有的展示型组件,并且学习 PropTyps 验证 React组件的属性。
3-1 拆分静态组件
3-2 第一个展示型组件 - 价格列表
3-3 为项目选择图标库
3-4 PropTypes 属性检查
3-5 切换Tab组件
3-6 动手实战
3-7 月份选择组件 - 需求分析
3-8 月份选择组件开发 - 编码第一部分
3-9 月份选择组件 编码第二部分

第4章 首页:乐高积木
继续 React 理念的开发 ,通过 展示型组件组合 - state和数据流分析 -添加 state 和交互 这样的流程完成首页的开发。
4-1 组合所有静态型组件
4-2 分析设计 State 结构
4-3 分析数据流
4-4 添加逻辑交互代码及总结

第5章 组件测试
简介了测试的基本概念,介绍 通用测试工具 Jest 和 React 测试框架 enzyme,然后使用这两种工具完成首页所有展示型组件的测试和首页的集成测试。
5-1 为什么要有测试
5-2 通用框架 Jest 简介
5-3 React 测试工具简介
5-4 价格题目列表测试分析和编写 试看
5-5 月份选择器添加测试
5-6 月份选择器进阶测试
5-7 首页单元测试分析和编写

第6章 创建记账条目页面
分析创建页面的需求,学习 SPA 的概念,使用 React-Router 创建路由,并且使用 TDD 的方式开发创建页面的展示型组件。
6-1 创建页面需求分析和组件拆分 试看
6-2 React-Router 简介
6-3 React-Router 代码部分
6-4 TDD 的方式开发分类选择组件
6-5 PriceForm 组件编写的指导思想
6-6 动手实战
6-7 使用 children 重构 Tabs 组件
6-8 扩展作业 - 轮播图组件设计
6-9 创建页面组合展示型组件

第7章 多页面结合
分析多页面的 state 结构,并且提出优化方案,简介 Redux 和不使用 Redux 的原因使用 Context 将状态和操作方法抽象到顶层,最后整合整个应用的所有数据操作逻辑。
7-1 分析和优化整个应用的state 结构
7-2 Redux 和 Context 的解决方案
7-3 添加 Context
7-4 使用高阶组件实现 Context 重用
7-5 扩展作业
7-6 整合两个页面的逻辑和交互— 首页和创建页
7-7 整合两个页面的逻辑和交互 二 - 编辑页面
7-8 阶段性总结
7-9 扩展作业 - 应用状态分析与设计

第8章 后端 Mock 环境
简介 前后端分离开发和 mock server 的概念,然后学习怎样使用 JSON server 快速搭建一个 mock server,并且学会使用 Postman 测试接口。
8-1 前后端分离开发概念
8-2 使用 json-server 打造 mock server
8-3 分析和创建 Restful 接口
8-4 使用 Postman 测试 API

第9章 动静结合
学习 Axios 的基本用法,然后使用 Axios 改造应用对接后端接口,并且实现所有异步操作。
9-1 下一代的 HTTP 库:Axios_x264
9-2 学习 axios 的简单用法
9-3 改造首页支持异步流程
9-4 使用 async 改造异步流程
9-5 改造创建条目页和编辑页
9-6 优化异步请求
9-7 容器型组件测试策略和介绍
9-8 创建编辑页面测试编写
9-9 动手实践

第10章 锦上添花:图表分析页面
学习怎样将开源图表库 Recharts 集成到首页的功能中。
10-1 Recharts 简介
10-2 使用 Recharts 完成简单示例
10-3 算法问题:计算必要的数据结构
10-4 集成 Recharts 到项目中
10-5 测试的三层模型
10-6 App.js 主入口文件测试编码

第11章 项目部署
学习 生产环境和开发环境的异同,简介Leancloud,以及怎样使用 Leancloud 部署项目。
11-1 开发环境和生产环境的异同
11-2 为生产环境 build 代码
11-3 服务器的不同类型
11-4 本地完成应用部署
11-5 使用 Leancloud 进行部署

第12章 课程总结
本课程回顾和总结。
12-1 课程总结



作者: 447259731    时间: 2020-3-10 17:46
啥也不说了,感谢楼主分享哇!
作者: sunyajun1988    时间: 2020-3-12 16:02
感谢分享
作者: g751634557    时间: 2020-3-12 17:36
啥也不说了,感谢楼主分享哇!
作者: 87809100    时间: 2020-3-15 21:25
66666666666
作者: Annd    时间: 2020-3-16 00:40
谢谢分享
作者: kkicc    时间: 2020-3-16 10:44
看起来不错。。 拿下。 。
作者: GanEhank    时间: 2020-3-16 10:46
么有分,谁能送我点积分啊::>_<::
作者: 沱长    时间: 2020-3-16 16:47
React16组件化+测试+全流程 实战在线账本项目
作者: 孙小培    时间: 2020-3-20 16:09
啥也不说了,感谢楼主分享哇!
作者: ttamos    时间: 2020-3-21 21:23
确实是难得好帖啊,顶先
作者: p625123    时间: 2020-3-28 01:38
正需要,支持楼主大人了!
作者: hnfjj    时间: 2020-3-31 19:44
React16组件化+测试+全流程 实战在线账本项目
作者: 1098544251    时间: 2020-4-2 17:43
啥也不说了,感谢楼主分享哇!
作者: 前端小蜗牛    时间: 2020-4-4 12:30
确实是难得好帖啊,顶先
作者: go-coder    时间: 2020-4-5 23:15
啥也不说了,感谢楼主分享哇!
作者: ep35218    时间: 2020-4-8 14:49
学习学习,感谢
作者: zwn    时间: 2020-4-9 22:11
啥也不说了,感谢楼主分享哇!
作者: 62638417    时间: 2020-4-13 17:13
大叔大婶
作者: Aylor    时间: 2020-4-13 17:33
啥也不说了,感谢楼主分享哇!
作者: pengyang317    时间: 2020-4-17 17:39
React16组件化+测试+全流程 实战在线账本项目 [修改]
作者: bestmumu    时间: 2020-4-17 23:52
啥也不说了,感谢楼主分享哇!
作者: michaelhee    时间: 2020-4-19 01:10
啥也不说了,感谢楼主分享哇!
作者: sunfox    时间: 2020-4-19 22:39
么有分,谁能送我点积分啊::>_<::
作者: hale    时间: 2020-4-21 16:40
啥也不说了,感谢楼主分享哇!
作者: 17321433951    时间: 2020-4-22 11:50
啥也不说了,感谢楼主分享哇!
作者: nowscore    时间: 2020-5-13 18:49
啥也不说了,感谢楼主分享哇!
作者: xiaozi    时间: 2020-5-29 18:52
啥也不说了,感谢楼主分享哇!
作者: hawk    时间: 2020-6-4 11:49
确实是难得好帖啊,顶先
作者: jiangz    时间: 2020-6-23 15:21
啥也不说了,感谢楼主分享哇!
作者: sxmyes    时间: 2020-6-25 10:37
啥也不说了,感谢楼主分享哇!
作者: fuxi0825    时间: 2020-8-21 18:54
正需要,支持楼主大人了!
作者: shijinke1990    时间: 2020-9-9 13:46
啥也不说了,感谢楼主分享哇!
作者: zjp2963488    时间: 2020-9-26 18:19
啥也不说了,感谢楼主分享哇!
作者: leafleaf    时间: 2020-9-30 18:14
啥也不说了,感谢楼主分享哇!
作者: trigger    时间: 2020-9-30 21:56
啥也不说了,感谢楼主分享哇!
作者: 17090025772    时间: 2020-11-5 08:50
啥也不说了,感谢楼主分享哇!
作者: q20010012001001    时间: 2020-11-13 10:11
啥也不说了,感谢楼主分享哇!
作者: appin    时间: 2020-11-26 13:20
啥也不说了,感谢楼主分享哇!
作者: bettyxu    时间: 2020-12-1 15:53

啥也不说了,感谢楼主分享哇啥也不说了,感谢楼主分享哇!
作者: jmjmzyq    时间: 2020-12-1 17:47
正需要,支持楼主大人了!
作者: william_123    时间: 2020-12-1 18:22
啥也不说了,感谢楼主分享哇!
作者: Teresa    时间: 2020-12-7 15:42
啥也不说了,感谢楼主分享哇!
作者: wwwcnradio    时间: 2020-12-10 16:48
地方大幅度的
作者: 这个杀手有    时间: 2020-12-13 22:56
QQQQQQQQQQQQQQQQQQQQQQQQQ
作者: gongzhudewangzi    时间: 2020-12-15 18:58
啥也不说了,感谢楼主分享哇!
作者: yrl    时间: 2021-1-4 19:38
感谢楼主分享啥也不说了,感谢楼主分享哇!
作者: Tuwei    时间: 2021-1-4 21:18
啥也不说了,感谢楼主分享哇!
作者: zhq榮huaix    时间: 2021-1-5 09:26
确实是难得好帖啊,顶先
作者: jren2017    时间: 2021-2-14 05:40
啥也不说了,感谢楼主分享哇!
作者: 东边日出西    时间: 2021-2-28 16:07
6666666666
作者: 530392249    时间: 2021-3-8 11:28
啥也不说了,感谢楼主分享哇!
作者: Me921125    时间: 2021-5-1 09:52
来一个,我很需要
作者: ziyan    时间: 2021-5-4 15:31
React16组件化+测试+全流程
实战“在线账本”项目
作者: ziyan    时间: 2021-5-4 15:32
额,看不懂在说神马~@_@
作者: yolocgt    时间: 2021-8-3 00:10
谢谢谢谢
作者: Yuxiao2    时间: 2021-8-10 16:56
啥也不说了,感谢楼主分享哇!
作者: wollens    时间: 2021-8-29 11:56
正需要,支持楼主大人了!
作者: Zithromax    时间: 2021-9-15 09:18
标题: low dose cialis side effects
p625123 ??? 2020-3-28 01:38
???,???????!

Buy Prevacid Generic
作者: error404    时间: 2021-10-4 22:39
················
作者: xqcokid    时间: 2021-10-31 07:43
嘎嘎嘎嘎嘎嘎嘎哈哈哈哈
作者: 周英杰    时间: 2021-11-9 15:57
啥也不说了,感谢楼主分享哇!
作者: grace    时间: 2022-4-20 19:35
啥也不说了,感谢楼主分享哇!
作者: 沐秋烟    时间: 2022-4-21 16:48
啥也不说了,感谢楼主分享哇!
作者: development    时间: 2023-10-1 22:01
啥也不说了,感谢楼主分享哇!




欢迎光临 学途无忧 (http://xuetu123.com/) Powered by Discuz! X3.2