最新公告
  • 欢迎光临92资源站,全网最优质的it资源平台立即加入我们
  • React 配置化+Serverless,落地低代码+云原生全栈开发

    React 配置化+Serverless,落地低代码+云原生全栈开发 最后编辑:2023-01-01
    资源介绍: 高清MP4 资料齐全 网盘发货 一手资源免费更新包售后
    • 第1章 课程概览 试看1 节 | 12分钟本章细致介绍了整门课程的设计思路及知识体系串联脉络,从 React 语法,前端复杂项目开发、面向 Schema 的代码设计、到服务端代码开发、三方鉴权系统集成、云原生及 Serverless 代码部署,希望帮助大家得到质变得提升!收起列表
      • 视频:1-1 关于课程你需要了解的都在这里 (11:29)试看
    • 第2章 配置化博客系统前台页面开发10 节 | 106分钟本章将带大家为后续项目开发打好环境基础。包含编辑器、Create React APP 脚手架等。不仅会借助 React Hook 语法,编写博客系统的前台展示页面组件,还会重点介绍工程目录设计、阿里云 OSS 文件存储、Webpack 多入口打包配置等相关内容。...收起列表
      • 视频:2-1 前端开发环境准备 (07:23)
      • 视频:2-2 前端工程目录初始化 (13:55)试看
      • 视频:2-3 项目样式初始化 (07:54)
      • 视频:2-4 Banner组件的代码编写 (16:25)
      • 视频:2-5 首页课程列表组件代码开发 (15:12)
      • 视频:2-6 使用 OSS 存储静态资源 (11:23)
      • 视频:2-7 Webpack 多页面入口的配置 (19:55)
      • 作业:2-8 Webpack 多入口的大包方式在项目中能解决什么问题?
      • 视频:2-9 清除自动化测试相关的干扰代码 (03:13)
      • 视频:2-10 目录结构优化及首页 Footer 组件代码编写 (10:04)
    • 第3章 配置化博客系统后台页面开发13 节 | 133分钟本章带大家使用 Antd 组件库集成 IconFont 搭建系统的后台管理页面,认识配置化编程的基本设计思想以及可扩展 Schema 的基本设计方案。实现层讲解了借助 Ref 层次拆解协议的设计方法,并通过 LocalStorage 对协议进行存储,方便前后台页面进行开发调试。...收起列表
      • 视频:3-1 使用 antd 进行后台管理系统布局搭建 (17:14)
      • 视频:3-2 iconfont 的使用及细节代码调整(上) (17:25)
      • 视频:3-3 iconfont 的使用及细节代码调整(下) (03:36)
      • 视频:3-4 动态区块展示配置功能开发 (21:25)
      • 视频:3-5 使用 LocalStorage 实现配置内容的持久化存储 (09:17)
      • 作业:3-6 【思考】LocalStorage 和 Cookie 注意事项
      • 视频:3-7 增加首页配置,组件结构变更 (11:34)
      • 视频:3-8 使用 useRef 调取子组件数据实现配置存储 (20:45)
      • 作业:3-9 【思考】使用 Ref 的方式,通过父组件调用子组件的优劣
      • 视频:3-10 可扩展 Schema 协议的设计(上) (14:15)
      • 视频:3-11 可扩展 Schema 协议的设计(下) (11:31)
      • 视频:3-12 代码清理 (05:57)
      • 图文:3-13 【拓展】Cookie 与 LocalStorage:有何不同?
    • 第4章 配置化协议的编码实现8 节 | 108分钟本章讲解了如何通过 Ref 逐级分解 Schema,并最终拼装协议的代码实现。通过巧妙的设计,快速便捷的实现三级协议的灵活生成及存取。同时讲解了数据重置功能的实现思路。通过协议中子节点拖拽排序的功能,衍生出对基于 Ref 设计存在不足的思考,从而讲解 Redux 在项目中使用的必要性。...收起列表
      • 视频:4-1 最外层 Schema 的存取逻辑 (09:23)
      • 视频:4-2 围绕 Schema 结构合理设计组件层次 (14:26)
      • 视频:4-3 二层 Schema 的存储逻辑开发 (21:06)
      • 视频:4-4 多层次 Schema 的标准逻辑设计 (22:48)
      • 视频:4-5 Schema 重置的逻辑实现 (13:44)
      • 作业:4-6 【思考】一个真正复杂的协议 Schema,应该考虑那些因素?
      • 视频:4-7 设计优化解决系统 BUG (15:35)
      • 视频:4-8 拖拽排序功能的实现以及数据设计思考 (10:55)
    • 第5章 使用 Redux 升级协议存取方案9 节 | 104分钟基于 Ref 的设计虽然简单易用,但应对复杂 Schema 场景,存在明显短板。在本章我们将使用 Redux、Immer 对协议存取方案进行全面升级,解决掉前几章遗留的设计问题,完成后台页面协议存储部分的开发,并开始与前台页面进行功能调试。...收起列表
      • 视频:5-1 在工程中引入 Rudex, React-Redux, Immer (19:22)
      • 作业:5-2 【思考】在做 React 项目时,如何尽量的让项目的性能可控
      • 视频:5-3 根组件 Redux 升级及工程目录优化(上) (14:26)
      • 视频:5-4 根组件 Redux 升级及工程目录优化(下) (12:57)
      • 图文:5-5 【拓展】使用 Immer 提升 React 项目的整体性能
      • 视频:5-6 子组件 Redux 架构改良(上) (18:42)试看
      • 视频:5-7 子组件 Redux 架构改良(下) (08:46)
      • 视频:5-8 使用 React Sortable HOC 实现列表排序 (16:35)
      • 视频:5-9 Schema 展示调试,实现后台配置前台灵活展示 (12:42)
    • 第6章 前后台页面协议调试串联14 节 | 200分钟本章以 Localstorage 中存储的数据结构为标准,进行前后台两个页面的功能调试,实现 Banner 组件、 List 组件、Footer 组件 100% 基于配置展示,不开发代码即可灵活对页面数据进行变更。同时引入 React Router, 讲解了 Hook 语法下,前端路由的基础使用方式。...收起列表
      • 视频:6-1 Banner 组件协议扩展的实现(下) (07:28)
      • 视频:6-2 基于协议的 Banner 代码调试测试 (23:14)
      • 作业:6-3 【思考】作为前端,你在开发中是如何进行代码项目联调的?
      • 视频:6-4 Banner 配置化开发收尾 (12:56)
      • 视频:6-5 列表组件的配置展示实现(上) (26:01)
      • 视频:6-6 列表组件的配置展示实现(中) (19:03)
      • 视频:6-7 列表组件的配置展示实现(下) (19:55)
      • 视频:6-8 Footer 配置化实现(上) (14:24)
      • 视频:6-9 Footer 配置化实现(下) (16:29)
      • 视频:6-10 React-Router 的使用及项目总结(上) (14:29)
      • 视频:6-11 Banner 组件协议扩展的实现(上) (18:06)
      • 视频:6-12 React-Router 的使用及项目总结(中) (15:02)
      • 视频:6-13 React-Router 的使用及项目总结(下) (12:35)
      • 图文:6-14 【拓展】如何才能设计出有竞争力的低代码平台?
    • 第7章 基于 Midway FaaS 的 Serverless 服务端代码开发9 节 | 113分钟本章讲解了使用 Midway FaaS 框架,搭建数据库环境、使用 TypeORM 进行数据库映射操作,开发服务端接口,通过接口存取协议的内容。过程中,实现了标准化的异常处理中间件、参数校验逻辑和接口数据结构。开发完成后,本章借助阿里云的 Function Computing,完成了对框架代码的函数式部署,并绑定域名可以线上执行。...收起列表
      • 视频:7-1 服务端课程脉络 (05:07)
      • 视频:7-2 Midway Faas 框架代码介绍 (16:48)
      • 视频:7-3 使用 TypeORM 连接管理数据库 (23:19)
      • 作业:7-4 【思考】TypeORM 带来的核心优势是什么?
      • 视频:7-5 接口逻辑的实现 (17:26)
      • 视频:7-6 参数校验、异常处理、标准化接口 (22:50)
      • 视频:7-7 Serverless FaaS 线上部署及域名绑定 (26:43)
      • 图文:7-8 【拓展】Serverless 的优势和劣势全面整理
      • 作业:7-9 【思考】云原生的概念是什么?使用云上服务有什么优势?
    • 第8章 前后端系统的接口联调及部署2 节 | 49分钟本章讲解了如何使用 Webpack Dev Server 中的 Proxy 能力方便快捷的畸形本地前后端代码联调,以及在联调成功后,如何进行前后端系统的部署。在此过程中,我们不仅详细讲解了 Serverless FaaS 架构的核心优势和劣势,更解决了 PublicPath、接口调用跨域等问题,顺利完成了项目的发布上线。...收起列表
      • 视频:8-1 前端 Proxy 配置高效进行接口联调 (27:11)
      • 视频:8-2 前后端代码完整上线 (20:59)
    • 第9章 使用 BaaS 能力丰富 Serverless 项目功能6 节 | 79分钟本章使用 Authing 提供的第三方 BaaS 鉴权能力,为项目增加了登录退出和存储管控的功能。通过实践讲解了为什么 Serverless = FaaS + BaaS,以及 BaaS 能力集成的典型流程。在此基础上,对工程中前后端代码中的请求类、自定义 Hook,通用函数进行了封装拆分,并最终发布完整版本的项目至线上环境。...收起列表
      • 视频:9-1 BaaS 简介 & 使用 Authing 实现前端登录功能 (19:36)
      • 作业:9-2 【思考】Serverless = FaaS + BaaS
      • 视频:9-3 Server 端根据用户进行权限管控 (11:15)
      • 视频:9-4 自定义Hook的拆分和鉴权请求的封装 (25:30)
      • 视频:9-5 登录退出代码完善及项目上线 (22:12)
      • 作业:9-6 【思考】关于鉴权,你有多少理解呢?

    网盘截图:

    猜你在找

    免责声明:
    1. 本站所有资源收集于互联网,如有争议与本站无关!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 如果侵犯到您的权利请邮箱联系: lmcf129@163.com,站长将于24小时内删除侵权内容!
    4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    5. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    6. 如有链接无法下载、失效或广告,请联系管理员处理!
    7. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

    九二资源站-10年只为资源共享-每日更新 » React 配置化+Serverless,落地低代码+云原生全栈开发

    常见问题FAQ

    视频加密吗?
    无密,本站视频全部为超清无密MP4格式
    怎么发货?
    百度网盘全自动发货
    课程没更新完怎么办?
    本站资源,持续更新,所有资源都会更新完毕
    有问题怎么解决?
    联系站长,或者直接给站长发邮件:lmcf129@163.com
    • 3615会员总数(位)
    • 20515资源总数(个)
    • 14本周发布(个)
    • 3 今日发布(个)
    • 2537稳定运行(天)

    最优质的的it资源平台

    期待您的加入
    升级SVIP尊享更多特权立即升级