Content
15 Lessons • 0 Quizzes • 0 Challenges
入门
- 1
课程简介
构建我们的第一个 Angular 应用
- 1
概述
- 2
Angular 入门
- 3
设置 Angular CLI 工作区
- 4
Angular 应用程序的结构
- 5
摘要:构建我们的第一个 Angular 应用程序
- 6
测验:构建我们的第一个 Angular 应用程序
将应用程序组织成模块
- 1
概览
- 2
介绍 Angular 模块
- 3
将应用功能分组为模块
- 4
按类型组织模块
- 5
摘要:将应用程序组织成模块
- 6
测验:将应用程序组织为模块
通过组件实现用户体验
- 1
概览
- 2
创建我们的第一个组件
- 3
创建独立组件
- 4
与模板交互
- 5
组件样式化
- 6
组件间通信
- 7
使用输出绑定监听事件
- 8
模板中的局部引用变量
- 9
确定变更检测策略
- 10
执行组件初始化
- 11
检测输入绑定的变化
- 12
摘要:通过组件实现用户体验
- 13
测验:通过组件实现用户体验优化
- 14
挑战:切换可见性功能
- 15
解决方案:切换可见性功能
使用管道和指令增强应用程序
- 1
概览
- 2
引入指令
- 3
遍历数据
- 4
管道简介及接口创建
- 5
在 Angular 中使用管道
- 6
构建自定义管道
- 7
管道中的变更检测
- 8
显示动态数据
- 9
属性绑定与响应事件
- 10
动态切换模板
- 11
摘要:使用管道和指令增强应用程序
- 12
测验:使用管道和指令增强应用程序
- 13
挑战:使用 Angular 指令添加标题
- 14
解决方案:使用 Angular 指令添加标题
使用服务管理复杂任务
- 1
概览
- 2
介绍 Angular 依赖注入
- 3
在应用程序中提供依赖项
- 4
通过组件共享依赖项
- 5
使用多个实例沙箱化组件
- 6
限制依赖注入在组件树中的传播
- 7
重写服务实现
- 8
摘要:使用服务管理复杂任务
- 9
测验:使用服务管理复杂任务
使用可观察对象和 RxJS 实现响应式编程
- 1
概览
- 2
处理异步信息的策略
- 3
可观察对象简述
- 4
Angular中的响应式编程
- 5
RxJS 库
- 6
高阶可观察对象
- 7
订阅可观察对象
- 8
取消订阅观察者
- 9
摘要:使用可观察对象和 RxJS 实现响应式编程
- 10
测验:使用可观察对象和 RxJS 实现响应式编程
- 11
挑战:点击日志功能
- 12
解决方案:点击日志功能
通过 HTTP 与数据服务进行通信
- 1
概览
- 2
处理异步信息的策略
- 3
设置后端
- 4
通过 HTTP 获取数据
- 5
通过 HTTP GET 请求获取数据
- 6
通过 HTTP 修改数据
- 7
更新产品价格
- 8
删除产品
- 9
使用 HTTP 进行身份验证与授权
- 10
授权用户访问
- 11
授权 HTTP 请求
- 12
摘要:通过 HTTP 与数据服务进行通信
- 13
测验:通过 HTTP 与数据服务通信
- 14
挑战:实现授权
- 15
解决方案:实现授权
通过路由导航应用程序
- 1
概览
- 2
介绍 Angular 路由
- 3
配置路由器
- 4
在应用程序中配置路由
- 5
创建功能路由模块
- 6
处理未知的路由路径
- 7
通过命令式方式导航到路由
- 8
向路由传递参数
- 9
使用子路由复用组件
- 10
使用查询参数过滤数据
- 11
防止从某个路由离开
- 12
懒加载路由
- 13
保护一个懒加载模块
- 14
摘要:通过路由在应用程序中导航
- 15
测验:使用路由在应用中导航
- 16
挑战:使用路由实现导航系统
- 17
解决方案:使用路由实现导航系统
使用表单收集用户数据
- 1
概览
- 2
向 Web 应用引入表单
- 3
在 Angular 表单中使用响应式模式
- 4
提供表单状态反馈并创建嵌套表单
- 5
创建优雅的响应式表单
- 6
动态修改表单
- 7
操作表单数据
- 8
摘要:使用表单收集用户数据
- 9
测验:使用表单收集用户数据
- 10
挑战:创建一个简单的任务管理应用程序
- 11
解决方案:创建一个简单的任务管理应用程序
单元测试 Angular 应用
- 1
概览
- 2
为什么我们需要单元测试?
- 3
在 Angular 中引入单元测试
- 4
依赖项测试
- 5
监视依赖方法
- 6
测试异步服务
- 7
使用输入和输出进行测试
- 8
测试服务
- 9
测试管道和指令
- 10
表单测试
- 11
摘要:对 Angular 应用进行单元测试
- 12
测验:对 Angular 应用进行单元测试
- 13
挑战:创建单元测试
- 14
解决方案:创建单元测试
将应用程序投入生产
- 1
概览
- 2
构建一个 Angular 应用程序
- 3
为不同环境构建
- 4
限制应用包大小并优化应用包
- 5
总结:将应用程序投入生产
- 6
测验:将应用程序投入生产
处理错误与应用程序调试
- 1
概述
- 2
处理应用程序错误
- 3
创建全局错误处理程序
- 4
调试 Angular 应用:控制台 API 与断点
- 5
调试 Angular 应用程序:开发者工具
- 6
摘要:错误处理与应用程序调试
- 7
测验:错误处理与应用程序调试
总结
- 1
结论
附录
- 1
Angular CLI:本地环境设置
- 2
VS Code 工具支持
- 3
安装 Angular Material
- 4
部署 Angular 应用
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:Anonymous User