点播 React16组件化+测试+全流程 实战在线账本项目

课程时长 22小时08分钟

学习期限 12 个月 退款期限 30 天

市场价格 ¥266.00 会员价格 ¥213.00

难度级别 中级 学习人次 388 综合评分 4.2

内容实用 4.2 分

简洁易懂 4.3 分

逻辑清晰 4.2 分

  • 详情
  • 目录
  • 套餐4
  • 咨询5
  • 评价24

第1章 课程介绍

  • 1-1 课程导读 试听
    19分钟22秒

第2章 设计稿:从蓝图开始

  • 2-1 从分析设计稿开始
    15分钟12秒
  • 2-2 文件代码结构
    29分钟20秒

第3章 首页:庖丁解牛

  • 3-1 拆分静态组件
    28分钟17秒
  • 3-2 第一个展示型组件 - 价格列表
    15分钟16秒
  • 3-3 为项目选择图标库
    16分钟37秒
  • 3-4 PropTypes 属性检查
    12分钟11秒
  • 3-5 切换Tab组件
    23分钟25秒
  • 3-6 动手实战
    26分钟39秒
  • 3-7 月份选择组件 - 需求分析
    27分钟20秒
  • 3-8 月份选择组件开发 - 编码第一部分
    14分钟43秒
  • 3-9 月份选择组件 编码第二部分
    15分钟06秒

第4章 首页:乐高积木

  • 4-1 组合所有静态型组件
    20分钟44秒
  • 4-2 分析设计 State 结构
    23分钟20秒
  • 4-3 分析数据流
    21分钟42秒
  • 4-4 添加逻辑交互代码及总结
    26分钟11秒

第5章 组件测试

  • 5-1 为什么要有测试 试听
    24分钟56秒
  • 5-2 通用框架 Jest 简介
    24分钟50秒
  • 5-3 React 测试工具简介
    15分钟26秒
  • 5-4 价格题目列表测试分析和编写
    13分钟03秒
  • 5-5 月份选择器添加测试
    12分钟49秒
  • 5-6 月份选择器进阶测试
    24分钟09秒
  • 5-7 首页单元测试分析和编写
    13分钟43秒

第6章 创建记账条目页面

  • 6-1 创建页面需求分析和组件拆分 试听
    20分钟53秒
  • 6-2 React-Router 简介
    15分钟39秒
  • 6-3 React-Router 代码部分
    21分钟26秒
  • 6-4 TDD 的方式开发分类选择组件
    19分钟58秒
  • 6-5 PriceForm 组件编写的指导思想
    27分钟13秒
  • 6-6 动手实战
    10分钟54秒
  • 6-7 使用 children 重构 Tabs 组件
    15分钟45秒
  • 6-8 扩展作业 - 轮播图组件设计
    12分钟26秒
  • 6-9 创建页面组合展示型组件
    20分钟07秒

第7章 多页面结合

  • 7-1 分析和优化整个应用的state 结构
    20分钟31秒
  • 7-2 Redux 和 Context 的解决方案
    18分钟33秒
  • 7-3 添加 Context
    20分钟45秒
  • 7-4 使用高阶组件实现 Context 重用
    20分钟24秒
  • 7-5 扩展作业
    28分钟31秒
  • 7-6 整合两个页面的逻辑和交互— 首页和创建页
    24分钟31秒
  • 7-7 整合两个页面的逻辑和交互 二 - 编辑页面
    20分钟58秒
  • 7-8 阶段性总结
    21分钟13秒
  • 7-9 扩展作业 - 应用状态分析与设计
    17分钟54秒

第8章 后端 Mock 环境

  • 8-1 前后端分离开发概念
    13分钟
  • 8-2 使用 json-server 打造 mock server
    17分钟24秒
  • 8-3 分析和创建 Restful 接口
    28分钟26秒
  • 8-4 使用 Postman 测试 API
    25分钟02秒

第9章 动静结合

  • 9-1 下一代的 HTTP 库:Axios_x264
    27分钟28秒
  • 9-2 学习 axios 的简单用法
    19分钟32秒
  • 9-3 改造首页支持异步流程
    20分钟41秒
  • 9-4 使用 async 改造异步流程
    28分钟32秒
  • 9-5 改造创建条目页和编辑页
    15分钟16秒
  • 9-6 优化异步请求
    23分钟56秒
  • 9-7 容器型组件测试策略和介绍
    18分钟23秒
  • 9-8 创建编辑页面测试编写
    10分钟17秒
  • 9-9 动手实践
    15分钟

第10章 锦上添花:图表分析页面

  • 10-1 Recharts 简介
    27分钟33秒
  • 10-2 使用 Recharts 完成简单示例
    24分钟58秒
  • 10-3 算法问题:计算必要的数据结构
    24分钟37秒
  • 10-4 集成 Recharts 到项目中
    17分钟54秒
  • 10-5 测试的三层模型
    11分钟03秒
  • 10-6 App.js 主入口文件测试编码
    10分钟21秒

第11章 项目部署

  • 11-1 开发环境和生产环境的异同
    11分钟07秒
  • 11-2 为生产环境 build 代码
    13分钟50秒
  • 11-3 服务器的不同类型
    18分钟09秒
  • 11-4 本地完成应用部署
    29分钟
  • 11-5 使用 Leancloud 进行部署
    26分钟49秒

第12章 课程总结

  • 12-1 课程总结
    27分钟58秒
388
24
5
0