Content
17 Lessons • 0 Quizzes • 0 Challenges
简介
- 1
课程简介
入门
- 1
了解 ASP.NET React 模板
- 2
单页应用架构
- 3
理解 ASP.NET Core 后端
- 4
理解后端入口
- 5
了解 ASP.NET 新版本中的 Program.cs 文件
- 6
理解控制器
- 7
理解 React 前端
- 8
在开发模式下运行
- 9
发布流程
- 10
理解前端依赖项
- 11
了解单页是如何被提供的
- 12
理解组件之间的协作关系
- 13
理解组件如何访问后端 Web API
- 14
测验：ASP.NET React 模板
- 15
摘要：ASP.NET React 模板
使用 Dapper 与数据库交互
- 1
简介：与数据库交互
- 2
实现数据库
- 3
了解 Dapper 是什么及其优势
- 4
使用 Dapper 读取数据
- 5
创建一个仓库方法来获取问题
- 6
创建一个仓库方法，根据搜索条件获取问题
- 7
创建一个仓库方法来获取单个问题
- 8
使用 Dapper 写入数据
- 9
使用 DbUp 管理数据库迁移
- 10
在项目中嵌入 SQL 脚本
- 11
测验：与数据库交互
- 12
摘要：与数据库交互
创建解耦的 React 与 ASP.NET 5 应用
- 1
简介：解耦的 React 与 ASP.NET 应用
- 2
创建一个 ASP.NET Core Web API 项目
- 3
创建一个 React 和 TypeScript 应用
- 4
为 React 和 TypeScript 添加代码检查
- 5
为 React 和 TypeScript 添加自动代码格式化
- 6
测验：解耦的 React 与 ASP.NET 应用
- 7
摘要：解耦的 React 与 ASP.NET 应用
创建 REST API 端点
- 1
简介：REST API 端点
- 2
创建 API 控制器
- 3
创建控制器操作方法
- 4
扩展 GetQuestions 操作方法以实现搜索功能
- 5
创建用于获取单个问题的动作方法
- 6
创建用于发布问题的操作方法
- 7
创建用于更新问题的操作方法
- 8
创建用于删除问题的操作方法
- 9
添加模型验证
- 10
为更新问题添加验证
- 11
删除不必要的请求字段
- 12
从发布答案中移除不必要的请求字段
- 13
测验：REST API 端点
- 14
挑战：为搜索问题创建一个操作方法
- 15
解决方案：创建一个用于搜索问题的操作方法
- 16
摘要：REST API 端点
使用 React 和 TypeScript 构建前端
- 1
简介：使用 TypeScript 创建 React 前端
- 2
理解 JSX
- 3
理解并启用严格模式
- 4
创建函数式组件
- 5
向头部组件添加元素
- 6
创建模拟数据
- 7
实现组件属性
- 8
可选属性和默认属性
- 9
子组件属性
- 10
函数类型属性
- 11
实现组件状态
- 12
使用 useEffect 执行逻辑
- 13
处理事件
- 14
测验：使用 TypeScript 创建 React 前端
- 15
挑战：在我们的网页中创建一个新的页脚
- 16
解决方案：在我们的网页中创建一个新的页脚
- 17
摘要：使用 TypeScript 创建 React 前端
提升性能与可扩展性
- 1
简介：提升性能与可扩展性
- 2
减少数据库往返次数
- 3
使用 WebSurge 对我们的接口进行负载测试
- 4
使用 Dapper 多映射解决 N+1 问题
- 5
使用 Dapper 的多结果集功能
- 6
分页数据
- 7
使 API 控制器异步化
- 8
实现异步控制器操作方法
- 9
混合使用异步和同步代码
- 10
缓存数据
- 11
在 API 控制器操作方法中使用数据缓存
- 12
测验：提升性能与可扩展性
- 13
尝试使用 Vegeta 对我们的接口进行负载测试
- 14
摘要：提升性能与可扩展性
使用 Emotion 为 React 组件添加样式
- 1
简介：使用 Emotion 为 React 组件添加样式
- 2
使用 CSS 样式化组件
- 3
使用 CSS 模块为组件添加样式
- 4
使用 Emotion 为组件添加样式
- 5
使用 Emotion 样式化伪类和嵌套元素
- 6
使用 Emotion 创建可复用的样式组件
- 7
完成主页样式设置
- 8
测验：使用 Emotion 为 React 组件添加样式
- 9
挑战：添加一个按钮并使用 Emotion 进行样式设置
- 10
解决方案：添加按钮并使用 Emotion 进行样式设置
- 11
摘要：使用 Emotion 为 React 组件添加样式
保护后端
- 1
简介：使用 Auth0 保护后端
- 2
理解 OIDC
- 3
使用 Auth0 配置我们的 ASP.NET 后端
- 4
配置我们的 ASP.NET 后端以使用 Auth0 进行身份验证
- 5
保护端点
- 6
使用自定义授权策略保护端点
- 7
在发布问题和答案时使用已认证的用户
- 8
添加 CORS
- 9
测验：使用 Auth0 保护后端
- 10
摘要：使用 Auth0 保护后端
使用 React Router 进行路由
- 1
简介：使用 React 进行路由
- 2
设置 React Router
- 3
处理未找到的路由
- 4
实现链接
- 5
使用路由参数
- 6
实现问题页面的更多功能
- 7
创建一个 AnswerList 组件
- 8
使用查询参数
- 9
懒加载路由
- 10
测验：使用 React 进行路由
- 11
挑战：创建一个可跳转到其他网页的按钮
- 12
解决方案：创建一个按钮，用于跳转到另一个网页
- 13
摘要：使用 React 进行路由
与 RESTful API 交互
- 1
简介：与RESTful API的交互
- 2
使用 Fetch 与未认证的 REST API 端点进行交互
- 3
提取通用的 HTTP 函数
- 4
从 REST API 获取问题
- 5
从前端与 Auth0 交互
- 6
实现中心认证上下文
- 7
实现登录流程
- 8
在前端配置 Auth0 设置
- 9
控制已认证选项
- 10
仅允许已认证用户回答问题
- 11
使用 Fetch 与经过身份验证的 REST API 端点进行交互
- 12
中止数据获取
- 13
测验：与RESTful API的交互
- 14
挑战：创建一个按钮以删除未回答的问题
- 15
解决方案：创建一个按钮以删除未回答的问题
- 16
摘要：与RESTful API的交互
处理表单
- 1
简介：处理表单
- 2
理解受控组件
- 3
使用 React Hook Form 减少样板代码
- 4
创建表单样式的组件
- 5
实现提问表单
- 6
实现答案表单
- 7
实现验证
- 8
在答案表单上实现验证
- 9
提交表单
- 10
在提问表单中实现表单提交
- 11
在答案表单中实现表单提交
- 12
测验：处理表单
- 13
挑战：在“提问”页面上创建一个评论字段并添加验证功能
- 14
解决方案：在提问页面上创建一个评论字段并添加验证功能
- 15
总结：处理表单
添加自动化测试
- 1
简介：自动化测试
- 2
理解不同类型的自动化测试
- 3
使用 xUnit 实现 .NET 测试
- 4
测试控制器动作方法
- 5
使用 Jest 实现 React 测试
- 6
测试 React 组件
- 7
使用 Cypress 实现端到端测试
- 8
测试 提出一个问题
- 9
测验：自动化测试
- 10
摘要：自动化测试
使用 Redux 管理状态
- 1
简介：在 React 中使用 Redux
- 2
理解 Redux 模式
- 3
设置 Redux 并创建状态对象
- 4
创建操作
- 5
创建一个Reducer
- 6
创建状态存储
- 7
将组件连接到状态存储
- 8
连接问题页面
- 9
连接搜索页面
- 10
测验：在 React 中使用 Redux
- 11
摘要：在 React 中使用 Redux
配置和部署到 Azure
- 1
简介：配置与部署到 Azure
- 2
Azure 入门
- 3
配置 ASP.NET Core 后端
- 4
将 ASP.NET Core 后端发布到 Azure
- 5
将 ASP.NET Core 后端发布到预发布环境
- 6
配置 React 前端
- 7
将 React 前端发布到 Azure
- 8
发布到预发布环境
- 9
测验：配置与部署到 Azure
- 10
摘要：配置与部署到 Azure
使用 Azure DevOps 实现持续集成与持续交付
- 1
简介：使用DevOps实现持续集成与持续交付
- 2
开始使用持续集成与持续交付
- 3
实现持续集成
- 4
为我们的问答应用实现构建流水线
- 5
前端构建流水线的实现
- 6
实施持续交付（CD）
- 7
生产环境部署
- 8
测验：使用 DevOps 实现持续集成与持续交付
- 9
摘要：使用DevOps实现持续集成与持续交付
结论
- 1
总结
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:Anonymous User