React16组件化+测试+全流程 实战在线账本项目 | 完结

小七学习网,助您升职加薪,遇问题可联系:客服微信【1099252741】 备注:来自网站

React16组件化+测试+全流程 实战“在线账本”项目
从设计图到上线,精通组件化思维和组件测试,掌握大厂的开发模式和流程
本门课以”在线账本”为实战项目,以 ‘React理念’为指导思想,让大家从头到尾的实践一个项目是怎样从设计图到最终的线上产品。课程将一步一步带你从设计图出发,到组件拆分,组合,状态分析,数据流分析,组件测试、页面整合,再到搭建 Mock Server,对接后端接口,实现前后端分离开发,最终到部署上线。由浅入深的学习 React 的实际应用的开发模式和流程。

React16组件化+测试+全流程 实战“在线账本”项目
从设计图到上线,精通组件化思维和组件测试,掌握大厂的开发模式和流程
本门课以”在线账本”为实战项目,以 ‘React理念’为指导思想,让大家从头到尾的实践一个项目是怎样从设计图到最终的线上产品。课程将一步一步带你从设计图出发,到组件拆分,组合,状态分析,数据流分析,组件测试、页面整合,再到搭建 Mock Server,对接后端接口,实现前后端分离开发,最终到部署上线。由浅入深的学习 React 的实际应用的开发模式和流程。

〖课程目录〗:

  • 第1章 课程介绍 试看1 节 | 17分钟
  • 介绍了整个课程的背景知识,项目简介,学习流程,可以掌握的知识点,以及学习方法和前置知识
  • 收起列表
    • 视频:1-1 课程导读 (16:11)试看
  • 第2章 设计稿:从蓝图开始2 节 | 19分钟
  • 从原型图出发,分析整个应用的需求和功能点,最后规定了文件结构和代码规范。
  • 收起列表
    • 视频:2-1 从分析设计稿开始 (07:43)
    • 视频:2-2 文件代码结构 (10:22)
  • 第3章 首页:庖丁解牛9 节 | 100分钟
  • 使用 React 理念开发首页的功能,通过组件拆分-展示型组件开发的流程开发所有的展示型组件,并且学习 PropTyps 验证 React组件的属性。
  • 收起列表
    • 视频:3-1 拆分静态组件 (06:31)
    • 视频:3-2 第一个展示型组件 – 价格列表 (27:48)
    • 视频:3-3 为项目选择图标库 (10:42)
    • 视频:3-4 PropTypes 属性检查 (06:59)
    • 视频:3-5 切换Tab组件 (12:47)
    • 图文:3-6 动手实战
    • 视频:3-7 月份选择组件 – 需求分析 (04:01)
    • 视频:3-8 月份选择组件开发 – 编码第一部分 (19:29)
    • 视频:3-9 月份选择组件 编码第二部分 (10:52)
  • 第4章 首页:乐高积木4 节 | 47分钟
  • 继续 React 理念的开发 ,通过 展示型组件组合 – state和数据流分析 -添加 state 和交互 这样的流程完成首页的开发。
  • 收起列表
    • 视频:4-1 组合所有静态型组件 (14:51)
    • 视频:4-2 分析设计 State 结构 (10:18)
    • 视频:4-3 分析数据流 (05:19)
    • 视频:4-4 添加逻辑交互代码及总结 (15:35)
  • 第5章 组件测试 试看7 节 | 106分钟
  • 简介了测试的基本概念,介绍 通用测试工具 Jest 和 React 测试框架 enzyme,然后使用这两种工具完成首页所有展示型组件的测试和首页的集成测试。
  • 收起列表
    • 视频:5-1 为什么要有测试 (07:19)
    • 视频:5-2 通用框架 Jest 简介 (10:17)
    • 视频:5-3 React 测试工具简介 (14:15)
    • 视频:5-4 价格题目列表测试分析和编写 (21:22)试看
    • 视频:5-5 月份选择器添加测试 (19:37)
    • 视频:5-6 月份选择器进阶测试 (14:23)
    • 视频:5-7 首页单元测试分析和编写 (17:56)
  • 第6章 创建记账条目页面 试看9 节 | 82分钟
  • 分析创建页面的需求,学习 SPA 的概念,使用 React-Router 创建路由,并且使用 TDD 的方式开发创建页面的展示型组件。
  • 收起列表
    • 视频:6-1 创建页面需求分析和组件拆分 (06:29)试看
    • 视频:6-2 React-Router 简介 (07:29)
    • 视频:6-3 React-Router 代码部分 (10:41)
    • 视频:6-4 TDD 的方式开发分类选择组件 (18:51)
    • 视频:6-5 PriceForm 组件编写的指导思想 (10:55)
    • 图文:6-6 动手实战
    • 视频:6-7 使用 children 重构 Tabs 组件 (19:08)
    • 图文:6-8 扩展作业 – 轮播图组件设计
    • 视频:6-9 创建页面组合展示型组件 (07:49)
  • 第7章 多页面结合9 节 | 90分钟
  • 分析多页面的 state 结构,并且提出优化方案,简介 Redux 和不使用 Redux 的原因使用 Context 将状态和操作方法抽象到顶层,最后整合整个应用的所有数据操作逻辑。
  • 收起列表
    • 视频:7-1 分析和优化整个应用的state 结构 (08:41)
    • 视频:7-2 Redux 和 Context 的解决方案 (11:50)
    • 视频:7-3 添加 Context (11:27)
    • 视频:7-4 使用高阶组件实现 Context 重用 (12:21)
    • 图文:7-5 扩展作业
    • 视频:7-6 整合两个页面的逻辑和交互— 首页和创建页 (22:55)
    • 视频:7-7 整合两个页面的逻辑和交互 二 – 编辑页面 (15:14)
    • 视频:7-8 阶段性总结 (07:26)
    • 图文:7-9 扩展作业 – 应用状态分析与设计
  • 第8章 后端 Mock 环境4 节 | 36分钟
  • 简介 前后端分离开发和 mock server 的概念,然后学习怎样使用 JSON server 快速搭建一个 mock server,并且学会使用 Postman 测试接口。
  • 收起列表
    • 视频:8-1 前后端分离开发概念 (07:42)
    • 视频:8-2 使用 json-server 打造 mock server (08:16)
    • 视频:8-3 分析和创建 Restful 接口 (06:31)
    • 视频:8-4 使用 Postman 测试 API (12:39)
  • 第9章 动静结合9 节 | 122分钟
  • 学习 Axios 的基本用法,然后使用 Axios 改造应用对接后端接口,并且实现所有异步操作。
  • 收起列表
    • 视频:9-1 下一代的 HTTP 库:Axios_x264 (09:38)
    • 视频:9-2 学习 axios 的简单用法 (13:54)
    • 视频:9-3 改造首页支持异步流程 (15:30)
    • 视频:9-4 使用 async 改造异步流程 (15:01)
    • 视频:9-5 改造创建条目页和编辑页 (25:06)
    • 视频:9-6 优化异步请求 (13:22)
    • 视频:9-7 容器型组件测试策略和介绍 (07:07)
    • 视频:9-8 创建编辑页面测试编写 (22:12)
    • 图文:9-9 动手实践
  • 第10章 锦上添花:图表分析页面6 节 | 74分钟
  • 学习怎样将开源图表库 Recharts 集成到首页的功能中。
  • 收起列表
    • 视频:10-1 Recharts 简介 (05:44)
    • 视频:10-2 使用 Recharts 完成简单示例 (15:57)
    • 视频:10-3 算法问题:计算必要的数据结构 (11:23)
    • 视频:10-4 集成 Recharts 到项目中 (11:40)
    • 视频:10-5 测试的三层模型 (07:14)
    • 视频:10-6 App.js 主入口文件测试编码 (21:38)
  • 第11章 项目部署5 节 | 62分钟
  • 学习 生产环境和开发环境的异同,简介Leancloud,以及怎样使用 Leancloud 部署项目。
  • 收起列表
    • 视频:11-1 开发环境和生产环境的异同 (07:27)
    • 视频:11-2 为生产环境 build 代码 (10:05)
    • 视频:11-3 服务器的不同类型 (09:49)
    • 视频:11-4 本地完成应用部署 (19:07)
    • 视频:11-5 使用 Leancloud 进行部署 (14:54)
  • 第12章 课程总结1 节 | 10分钟
  • 本课程回顾和总结。
  • 收起列表
    • 视频:12-1 课程总结 (09:25)

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

React16组件化+测试+全流程 实战“在线账本”项目
免责声明: 1、本站信息来自网络,版权争议与本站无关 2、本站所有主题由该帖子作者发表,该帖子作者与本站享有帖子相关版权 3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和本站的同意 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、用户所发布的一切软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 6、您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 7、请支持正版软件、得到更好的正版服务。 8、如有侵权请立即告知本站(邮箱:1099252741@qq.com,备用微信:1099252741),本站将及时予与删除 9、本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章和视频仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
(0)
上一篇 2022年6月19日 上午11:20
下一篇 2022年6月19日 上午11:20

小七学习网,助您升职加薪,遇问题可联系:客服微信【1099252741】 备注:来自网站

相关推荐

  • 跟着360架构师 学习Shell脚本编程 | 完结

    掌握Shell脚本编程 360架构师带你进阶Linux高手
    函数-变量-数组等核心知识内容全覆盖,语法-操作-生产 一条龙掌握Shell脚本编程

    在本课程中,360资深架构师-酷田老师 亲自带你学习如何使用Shell来更好的操作/管理手里的Linux,尤其是作为运维开发的小伙伴,这门课千万不要错过。

    2022年6月19日
    431
  • 大厂资深面试官 带你破解Android高级面试 | 完结

    从名企面试真题入手,还原面试官视角,深度剖析高频考点,助你拿到满意Offer
    课程专为Android中高级工程师打造,针对面试中可能遇到的关键知识,进行深入分析讲解,为面试者还原面试官视角,带领面试者打开视野,快速在面试中突出亮点取得高分,拿下高薪。

    2022年6月19日
    302
  • 遇问题可联系 / 客服微信【1099252741】
  • 基于React + Redux/Mobx搞定大型复杂项目的状态管理 | 更新完结

    基于 React + Redux/Mobx 搞定复杂项目状态管理
    依托大型广告营销平台项目,多维度讲解 React 状态管理
    状态管理一直是前端开发中的重点和难点,尤其针对大型复杂项目,状态管理的设计好坏,更关乎项目开发的质量高低。本课程借助一个企业级平台项目的开发,带大家掌握React Context、 Redux、 Mobx 等三大常用 React 状态管理方案,由浅入深,从使用到深度解析源码,力求透彻全面地掌握状管理,让它不再成为你通往高级前端开发路上的绊脚石。

    2022年6月19日
    196
  • 后端校招面试突击课,4年本科基础大复盘 助力进大厂 | 更新完结

    系统掌握:操作系统,网络,算法,程序设计,数据库,设计模式等
    对大多数人来说,校招,是相对容易进大厂的机会,也是奠定职场生涯的重要起点。本课程针对准应届生而设,从计算机网络、操作系统、计算机原理、算法与数据结构、设计模式、数据库等经典基础知识,到初次求职的软技能,快速提升大厂重视的后端素养,斩获心仪校招offer。

    2022年6月19日
    319
  • (新升级)React18+TS高仿AntD从零到一打造组件库 | 完结

    从零到一高仿 AntD 使用 Typescript 和 React 开发组件库,在这其中穿插了一系列的知识点: 大型项目的样式组织,react 组件测试,react 动画实现。开发完毕还实现了模块化打包,代码发布再到 CI/CD 的全流程。

    2023年1月9日
    267
  • 新版Nginx1.17体系化深度精讲 给开发和运维的刚需课程 | 完结

    新版Nginx体系化深度精讲,从青铜到王者的飞跃
    重点精讲反向代理、负载均衡,一门新手听得懂、老手有启发的刚需课
    本课程并非散列知识点的罗列,而是从基础应用到架构思维,从场景实践到性能优化,带你拥抱完备的Nginx生态。以反向代理和负载均衡这2种经典生产场景为蓝本,深入阐述,助你解决企业生产中的实际问题。

    2022年6月19日
    327
  • 玩转Java并发工具,精通JUC,成为并发多面手 | 完结

    线程池+各种锁+CAS+AQS+ThreadLocal+ConcurrentHashMap+并发综合实战项目
    本课程深度解密JUC库,对Java并发常见的工具类进行从使用到原理的详解,包括CAS+AQS+ThreadLocal+ConcurrentHashMap+线程池+各种锁+并发综合实战项目等。在掌握工具的同时,建立起整个并发工具类的知识体系。

    2022年6月19日
    261
  • 玩转算法面试 从真题到思维全面提升算法思维 | 完结

    玩转算法面试-- Leetcode真题分门别类讲解
    为了面试,更为了提升你的算法思维
    送给面试在即的你,学完这门课程,对于面试中遇到的大多数算法问题,你都会迎刃而解,但课程绝不止于面试,同样适合即将参加各类算法竞赛的同学,重要的是提升你的算法思维,这将是贯穿你编程生涯的核心内功!

    2022年6月19日
    256
  • 一站式学习Java网络编程 深度理解BIO/NIO/AIO | 完结

    对比式学习 让网络编程知识更好消化更易理解
    以创新性的“对比式学习”搭建网络编程课程,课程主线:网络层基础铺垫-->java网络编程前置技术讲解-->阻塞式编程BIO-->非阻塞式编程NIO-->异步编程AIO-->综合实战)适合每一位需要理解网络编程的同学们学习。

    2022年6月19日
    280
  • React16+React-Router4 从零打造企业级电商后台管理系统 | 完结

    让缺乏框架开发经验的你掌握框架开发,玩转业内主流技术
    课程针对有一些前端基础,但对前端框架还不够了解,不能灵活使用的同学,手把手带你用React+React-Router从技术选型开始,直至部署上线,开发一个后台管理系统,让你在实际开发中,打开前端框架的大门,告别小白时代!

    2022年6月19日
    208