📚 课程介绍
本课程将带领您学习如何使用React和Serverless技术搭建个人博客，包括配置化开发、前后端接口联调、BaaS能力使用、协议编码实现等。
📋 学习前提
1. React基础（了解React的基本概念和组件生命周期） 2. JavaScript基础（掌握JavaScript语法和基本数据结构） 3. Node.js基础（了解Node.js的基本使用和模块化开发） 4. Git基础（掌握Git的基本操作和版本控制）
📖 课程目录
第1章 课程概览
1-1 关于课程你需要了解的都在这里
第2章 配置化博客系统前台页面开发
2-1 前端开发环境准备
2-2 前端工程目录初始化
2-3 项目样式初始化
2-4 Banner组件的代码编写
2-5 首页课程列表组件代码开发
2-6 使用OSS存储静态资源
2-7 Webpack多页面入口的配置
2-8 目录结构优化及首页Footer组件代码编写
2-9 清除自动化测试相关的干扰代码
第3章 配置化博客系统后台页面开发
3-1 使用antd进行后台管理系统布局搭建
3-2 iconfont的使用及细节代码调整（上）
3-3 iconfont的使用及细节代码调整（下）
3-4 动态区块展示配置功能开发
3-5 使用LocalStorage实现配置内容的持久化存储
3-6 使用useRef调取子组件数据实现配置存储
3-7 增加首页配置，组件结构变更
3-8 使用LocalStorage实现配置内容的持久化存储
3-9 使用LocalStorage实现配置内容的持久化存储
3-10 可扩展Schema协议的设计（上）
3-11 可扩展Schema协议的设计（下）
3-12 代码清理
第4章 配置化协议的编码实现
4-1 最外层Schema的存取逻辑
4-2 围绕Schema结构合理设计组件层次
4-3 二层Schema的存储逻辑开发
4-4 多层次Schema的标准逻辑设计
4-5 Schema重置的逻辑实现
4-6 设计优化解决系统BUG
4-7 拖拽排序功能的实现以及数据设计思考
第5章 使用Redux升级协议存取方案
5-1 在工程中引入Rudex, React-Redux, Immer
5-2 根组件Redux升级及工程目录优化（上）
5-3 根组件Redux升级及工程目录优化（下）
5-4 子组件Redux架构改良（上）
5-5 子组件Redux架构改良（下）
5-6 子组件Redux架构改良（下）
5-7 使用React Sortable HOC实现列表排序
5-8 Schema展示调试，实现后台配置前台灵活展示
第6章 前后台页面协议调试串联
6-1 Banner组件协议扩展的实现（下）
6-2 基于协议的Banner代码调试测试
6-3 Footer配置化实现（上）
6-4 Banner配置化开发收尾
6-5 列表组件的配置展示实现（上）
6-6 列表组件的配置展示实现（中）
6-7 列表组件的配置展示实现（下）
6-8 Footer配置化实现（下）
6-9 Footer配置化实现（下）
6-10 React-Router的使用及项目总结（上）
6-11 Banner组件协议扩展的实现（上）
6-12 React-Router的使用及项目总结（中）
6-13 React-Router的使用及项目总结（下）
第7章 基于 Midway FaaS 的 Serverless 服务端代码开发
7-1 服务端课程脉络
7-2 Midway Faas框架代码介绍
7-3 使用TypeORM连接管理数据库
7-4 接口逻辑的实现
7-5 参数校验、异常处理、标准化接口
7-6 参数校验、异常处理、标准化接口
7-7 Serverless FaaS线上部署及域名绑定
第8章 前后端系统的接口联调及部署
8-1 前端Proxy配置高效进行接口联调
8-2 前后端代码完整上线
第9章 使用BaaS能力丰富Serverless项目功能
9-1 BaaS简介 & 使用Authing实现前端登录功能
9-2 Server端根据用户进行权限管控
9-3 自定义Hook的拆分和鉴权请求的封装
9-4 自定义Hook的拆分和鉴权请求的封装
9-5 登录退出代码完善及项目上线
