微信扫一扫 分享朋友圈

已有 766 人浏览分享

开启左侧

React 配置化+Serverless 开发个人博客

[复制链接]
766 0
价格 
42 ¥
课时 
15小时 课时
类别 
前端开发 前沿技术 React.JS 
等级 
中级
服务保证 
MP4无密 画质超清 包含源码 同步完结 
提取码 
购买后可查看
讲师介绍
Dell

“低代码+云原生” ,已然成为大厂全栈解决方案新宠!本课程中,Dell老师将结合最新实践经验,以个人博客的开发为例,带领大家从解决问题角度出发,通过 “ 前端配置化+后端 Serverless” 全流程实践,助你先人一步把握技术新潮流,获取中大厂高薪人才必备的 “硬核” 技能!

教材简介
目录
“低代码+云原生” ,已然成为大厂全栈解决方案新宠!本课程中,Dell老师将结合最新实践经验,以个人博客的开发为例,带领大家从解决问题角度出发,通过 “ 前端配置化+后端 Serverless” 全流程实践,助你先人一步把握技术新潮流,获取中大厂高薪人才必备的 “硬核” 技能!
第1章 课程概览 试看 1 节 | 12分钟
本章细致介绍了整门课程的设计思路及知识体系串联脉络,从 React 语法,前端复杂项目开发、面向 Schema 的代码设计、到服务端代码开发、三方鉴权系统集成、云原生及 Serverless 代码部署,希望帮助大家得到质变得提升!

收起列表
视频:
1-1 关于课程你需要了解的都在这里 (11:29)
试看
第2章 配置化博客系统前台页面开发 试看 9 节 | 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 清除自动化测试相关的干扰代码 (03:13)
视频:
2-9 目录结构优化及首页 Footer 组件代码编写 (10:04)
第3章 配置化博客系统后台页面开发 10 节 | 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 使用 useRef 调取子组件数据实现配置存储 (20:45)
视频:
3-7 增加首页配置,组件结构变更 (11:34)
视频:
3-8 可扩展 Schema 协议的设计(上) (14:15)
视频:
3-9 可扩展 Schema 协议的设计(下) (11:31)
视频:
3-10 代码清理 (05:57)
第4章 配置化协议的编码实现 7 节 | 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 设计优化解决系统 BUG (15:35)
视频:
4-7 拖拽排序功能的实现以及数据设计思考 (10:55)
第5章 使用 Redux 升级协议存取方案 试看 7 节 | 104分钟
基于 Ref 的设计虽然简单易用,但应对复杂 Schema 场景,存在明显短板。在本章我们将使用 Redux、Immer 对协议存取方案进行全面升级,解决掉前几章遗留的设计问题,完成后台页面协议存储部分的开发,并开始与前台页面进行功能调试。...

收起列表
视频:
5-1 在工程中引入 Rudex, React-Redux, Immer (19:22)
视频:
5-2 根组件 Redux 升级及工程目录优化(上) (14:26)
视频:
5-3 根组件 Redux 升级及工程目录优化(下) (12:57)
视频:
5-4 子组件 Redux 架构改良(上) (18:42)
试看
视频:
5-5 子组件 Redux 架构改良(下) (08:46)
视频:
5-6 使用 React Sortable HOC 实现列表排序 (16:35)
视频:
5-7 Schema 展示调试,实现后台配置前台灵活展示 (12:42)
第6章 前后台页面协议调试串联 12 节 | 200分钟
本章以 Localstorage 中存储的数据结构为标准,进行前后台两个页面的功能调试,实现 Banner 组件、 List 组件、Footer 组件 100% 基于配置展示,不开发代码即可灵活对页面数据进行变更。同时引入 React Router, 讲解了 Hook 语法下,前端路由的基础使用方式。...

收起列表
视频:
6-1 Banner 组件协议扩展的实现(上) (18:06)
视频:
6-2 Banner 组件协议扩展的实现(下) (07:28)
视频:
6-3 基于协议的 Banner 代码调试测试 (23:14)
视频:
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 React-Router 的使用及项目总结(中) (15:02)
视频:
6-12 React-Router 的使用及项目总结(下) (12:35)
第7章 基于 Midway FaaS 的 Serverless 服务端代码开发
本章讲解了使用 Midway FaaS 框架,搭建数据库环境、使用 TypeORM 进行数据库映射操作,开发服务端接口,通过接口存取协议的内容。过程中,实现了标准化的异常处理中间件、参数校验逻辑和接口数据结构。开发完成后,本章借助阿里云的 Function Computing,完成了对框架代码的函数式部署,并绑定域名可以线上执行。...

第8章 前后端系统的接口联调及部署
本章讲解了如何使用 Webpack Dev Server 中的 Proxy 能力方便快捷的畸形本地前后端代码联调,以及在联调成功后,如何进行前后端系统的部署。在此过程中,我们不仅详细讲解了 Serverless FaaS 架构的核心优势和劣势,更解决了 PublicPath、接口调用跨域等问题,顺利完成了项目的发布上线。...

第9章 使用 BaaS 能力丰富 Serverless 项目功能
本章使用 Authing 提供的第三方 BaaS 鉴权能力,为项目增加了登录退出和存储管控的功能。通过实践讲解了为什么 Serverless = FaaS + BaaS,以及 BaaS 能力集成的典型流程。在此基础上,对工程中前后端代码中的请求类、自定义 Hook,通用函数进行了封装拆分,并最终发布完整版本的项目至线上环境。...

本课程持续更新中






React 配置化+Serverless 开发个人博客
落地“低代码+云原生”全栈开发方案,先人一步掌握技术新潮流
“低代码+云原生” ,已然成为大厂全栈解决方案新宠!本课程中,Dell老师将结合最新实践经验,以个人博客的开发为例,带领大家从解决问题角度出发,通过 “ 前端配置化+后端 Serverless” 全流程实践,助你先人一步把握技术新潮流,获取中大厂高薪人才必备的 “硬核” 技能!



适合人群
不满足于功能实现,更想进阶提升自己设计能力的工程师
想要扩展前端知识面的前\后端开发工作者

技术储备
了解 React 基础应用
熟悉 Node.js 基础语法知识及简单SQL 查询命令使用
了解 TypeScript 和 Webpack 基础应用

环境参数
Node 14.17.3
React 17.0.2
@midwayjs/core 2.3.0
npm npm:6.14.3
react-router-dom 5.3.0
Create React App 4.0.3
Redux 4.1.1
@midwayjs/orm 2.13.3
authing-js-sdk 4.22.16
mysql2 2.3.0
typeorm 0.2.37


1:《React 配置化+Serverless 开发个人博客》来自某课网,原价348,由求索整理发布!
2: 本站所有课程MP4格式无密 超清原画,包含所有的视频+素材+课件+源码,官方同步体验!可以通过网盘在线学习也可下载到本地,方便快           捷!
3: 所有课程全部支持试看任何章节,可通过点击右侧官方QQ客服或者微信扫码添加要求试看!
4: 官方品质,信誉保证,本站包含某课网,某讯课堂,某易云,某课吧,某课时间....等课程正在陆续更新,感谢小伙伴们的信任与支持,保证让小伙          伴们满意!
5:本站所有课程永久免费包更新,包括老师后续二次更新,三次更新不等。
6:VIP权限:爱好学习,一直提升自己的小伙伴可以开通VIP会员,享受全站免金币无限制畅快学习!本站所有视频均可免费学习,包括后续上传        的所有课程!(无隐形消费
7:点击下方链接进行试看,在线看默认流畅,调节成原画,最好直接下载到本地是超清    
    试看链接:
https://pan.baidu.com/s/1AnnoghmsS1Zh5gnsj7UojA
    提取码:4quv



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

举报 使用道具

回复

评论 28

ulohayomeguju  新手上路  发表于 2021-11-12 23:28:32 | 显示全部楼层
你要不倒 我月月给你送温暖

举报 使用道具

回复
ulohayomeguju  新手上路  发表于 2021-11-12 23:28:39 | 显示全部楼层
发现新大陆了。。。。。

举报 使用道具

回复
ehirihuxi  新手上路  发表于 2021-11-13 23:00:11 | 显示全部楼层
是真的 确认过眼神

举报 使用道具

回复
ugimiaquw  新手上路  发表于 2021-11-13 23:54:17 | 显示全部楼层
在哪找客服呀?

举报 使用道具

回复
ehirihuxi  新手上路  发表于 2021-11-13 23:54:38 | 显示全部楼层
会员挺划算的

举报 使用道具

回复
9缇党江p  注册会员  发表于 2021-11-13 23:55:47 | 显示全部楼层
客服很好,售后给力谢谢

举报 使用道具

回复
eysaffeogiyuc  新手上路  发表于 2021-11-16 12:01:13 | 显示全部楼层
会员挺划算的

举报 使用道具

回复
ehirihuxi  新手上路  发表于 2021-11-16 12:55:18 | 显示全部楼层
客服人真热情哈给你赞一个。

举报 使用道具

回复
evizataj  新手上路  发表于 2021-11-16 13:54:50 | 显示全部楼层
专门来感谢的 谢谢了

举报 使用道具

回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0

关注

0

粉丝

356

主题
精彩推荐
热门资讯
网友晒图
图文推荐
  • 联系我们
  • 邮箱:826110188#qq.com(请把#改成@)
  • 微信:qiusuo1024
  • QQ客服 826110188
  • 工作时间:周一至周天(早8点—凌晨2点)
  • 微信客服

  • QQ客服

Archiver|手机版|小黑屋| 求索学院 ( 鲁ICP备20032687号-1 )

GMT+8, 2021-12-7 07:06 , Processed in 0.147987 second(s), 43 queries .

Powered by Discuz! X3.4

© 2001-2020 Comsenz Inc.