Logo
☆☆☆☆☆
0.0
Intermediate
20h

Angular 课程

本课程中,你将使用 Angular 构建一个功能完整的销售团队联系人应用。 课程伊始,你将学习 Angular 的架构设计,了解组件和模块如何用于构建应用的不同部分。第二部分,你将深入掌握路由与导航、依赖注入以及可观测对象(observables)。 在课程的最后阶段,你将通过实践掌握应用状态管理,以及测试与故障排查技巧。课程中包含三次不同类型的评估,用以检验你对所学内容的理解程度。 完成本课程后,你将拥有一个可用于作品集的优秀应用项目,同时也能更深入地理解如何从零开始设计一个 Angular 应用。

14 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
Angular 课程
本课程中,你将使用 Angular 构建一个功能完整的销售团队联系人应用。 课程伊始,你将学习 Angular 的架构设计,了解组件和模块如何用于构建应用的不同部分。第二部分,你将深入掌握路由与导航、依赖注入以及可观测对象(observables)。 在课程的最后阶段,你将通过实践掌握应用状态管...

WHAT YOU'LL LEARN

典型 Angular 应用的架构,以及如何使用组件和模块来构建应用的不同部分。

Content

14 Lessons • 0 Quizzes • 0 Challenges

入门
  1. 1

    谁应该参加这门课程?为什么?

Angular入门
  1. 1

    什么是 Angular?

  2. 2

    使用 Angular 构建的项目示例

  3. 3

    Angular 的发展历程

  4. 4

    为什么使用 Angular?

  5. 5

    课程项目:客户联系人管理应用程序

  6. 6

    摘要:Angular 入门

  7. 7

    测验:Angular 入门

路由与导航
  1. 1

    路由与导航

  2. 2

    什么是路由?

  3. 3

    路由数组

  4. 4

    路由器出口组件

  5. 5

    通配符路由

  6. 6

    重定向路由

  7. 7

    创建我们的导航组件

  8. 8

    在应用程序的工具栏中添加导航菜单

  9. 9

    创建应用的“关于”页面

  10. 10

    路由参数

  11. 11

    路由守卫

  12. 12

    实现路由守卫

  13. 13

    摘要:路由与导航

  14. 14

    测验:路由与导航

Angular 架构
  1. 1

    Angular 概述

  2. 2

    Angular 应用的文件夹结构

  3. 3

    Angular 应用的架构

  4. 4

    模块

  5. 5

    组件

  6. 6

    服务

  7. 7

    为什么要使用 TypeScript?

  8. 8

    我们的客户联系人管理应用程序的架构

  9. 9

    摘要:Angular 架构

  10. 10

    测验:Angular 架构

依赖注入、服务和 HttpClient
  1. 1

    依赖注入、服务和 HttpClient

  2. 2

    什么是依赖注入?

  3. 3

    Angular 如何处理依赖注入?

  4. 4

    注入器的层级结构

  5. 5

    注入器的三个层级优势

  6. 6

    Angular 中的提供者(Providers)

  7. 7

    Angular 中的服务

  8. 8

    深入了解 Angular 提供的服务

  9. 9

    HttpClient 服务

  10. 10

    HttpClient API 的特性

  11. 11

    HttpClient 服务的高级功能

  12. 12

    为客户端联系人管理应用程序创建服务

  13. 13

    摘要:依赖注入、服务与 HttpClient

  14. 14

    测验:依赖注入、服务与 HttpClient

开始使用 Angular CLI
  1. 1

    命令行界面(CLI)如何帮助Angular开发者?

  2. 2

    创建并运行客户联系人管理应用程序

  3. 3

    Angular CLI 的命令

  4. 4

    向 Angular 项目中添加 Angular Material

  5. 5

    使用 Angular CLI 运行单元测试

  6. 6

    使用命令行工具将应用程序打包为生产环境版本

  7. 7

    架构图与 CLI 构建工具

  8. 8

    命令行提示

  9. 9

    Angular Elements

  10. 10

    摘要:Angular CLI 入门

  11. 11

    测验:开始使用 Angular CLI

可观察对象与 RxJS
  1. 1

    可观察对象与 RxJS

  2. 2

    与 RxJS 相关的术语

  3. 3

    可观察对象

  4. 4

    订阅和取消订阅可观察对象

  5. 5

    可观察对象中的错误处理

  6. 6

    热与冷可观察对象

  7. 7

    什么是 RxJS?

  8. 8

    观察者设计模式

  9. 9

    RxJS 操作符

  10. 10

    创建型操作符

  11. 11

    条件运算符

  12. 12

    组合操作符

  13. 13

    错误处理操作符

  14. 14

    转换操作符

  15. 15

    RxJS Subjects

  16. 16

    Angular 如何使用 RxJS

  17. 17

    AsyncPipe

  18. 18

    为客户端联系人管理应用程序创建响应式表单

  19. 19

    摘要:可观察对象与RxJS

  20. 20

    测验:可观察对象与RxJS

组件、模板和表单
  1. 1

    Angular 中的组件、模板和表单

  2. 2

    组件的历史

  3. 3

    为什么我们现在需要组件?

  4. 4

    组件的结构

  5. 5

    组件生命周期钩子

  6. 6

    插值与单向数据绑定

  7. 7

    在父组件与子组件之间传递数据

  8. 8

    在不相关组件之间传递数据

  9. 9

    组件模板与组件样式化

  10. 10

    哪种模板方法最好?

  11. 11

    组件的类别

  12. 12

    创建组件并更新应用程序的路由

  13. 13

    为应用程序创建模板驱动的搜索表单

  14. 14

    为应用程序创建响应式客户添加表单

  15. 15

    何时使用响应式表单和模板驱动表单

  16. 16

    摘要:组件、模板和表单

  17. 17

    测验:组件、模板和表单

状态管理与 NgRx
  1. 1

    状态管理与 NgRx

  2. 2

    定义状态管理

  3. 3

    状态管理的实现方法

  4. 4

    Redux 库

  5. 5

    探索 NgRx

  6. 6

    动作示例

  7. 7

    Reducer 的示例

  8. 8

    Store 示例

  9. 9

    注册状态

  10. 10

    选择器示例

  11. 11

    Effect 示例

  12. 12

    摘要:状态管理与NgRx

  13. 13

    测验:状态管理与NgRx

NgModules
  1. 1

    NgModules

  2. 2

    什么是 Angular 模块(concept)

  3. 3

    @ NgModule 装饰器使用的元数据类别

  4. 4

    NgModule 文件的组成部分

  5. 5

    如何使用 CLI 创建模块

  6. 6

    为我们的客户联系人管理应用程序创建模块

  7. 7

    将我们的客户端组件添加到 ClientModule

  8. 8

    为应用程序创建自定义材质模块

  9. 9

    向应用程序添加 Angular Material 模块

  10. 10

    概要:NgModules

  11. 11

    测验:NgModules

测试 Angular 应用程序
  1. 1

    测试 Angular 应用程序

  2. 2

    测试与测试驱动开发

  3. 3

    Jasmine实战

  4. 4

    测试的设置与清理

  5. 5

    Karma 测试运行器

  6. 6

    采用测试驱动开发的方法

  7. 7

    Angular 中的 Karma 配置

  8. 8

    使用 Angular CLI 运行测试

  9. 9

    在 Angular 中编写测试

  10. 10

    TestBed 类

  11. 11

    测试示例

  12. 12

    摘要:测试

  13. 13

    测验:测试

打包我们的应用程序
  1. 1

    准备投入生产

  2. 2

    使用 CLI 构建发布版本

  3. 3

    环境文件

  4. 4

    angular.json 文件

  5. 5

    提前编译

  6. 6

    其他各种生产优化

  7. 7

    使用懒加载

  8. 8

    应用大小预算

  9. 9

    性能度量

  10. 10

    摘要:打包我们的应用程序

  11. 11

    测验:打包我们的应用程序

结论
  1. 1

    最后的总结

附录
  1. 1

    安装 Angular CLI

  2. 2

    创建你的第一个 Angular 应用

  3. 3

    安装 Visual Studio Code

  4. 4

    安装 NgRx

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)