Logo
☆☆☆☆☆
0.0
Intermediate
70h

学习 Angular

在本课程中,你将学习目前最受欢迎的 JavaScript 框架之一——Angular。越来越多的开发者正在寻找掌握这一灵活且安全框架的最佳途径。你将学习如何运用最新的网页技术实现跨平台的高性能应用。 课程从 Angular 应用的基础知识开始,包括项目结构。接着,你将了解 TypeScript 的基本概念及其在类型检查中的重要性。然后,你将学习如何创建组件,并使用管道(pipes)和指令(directives)。之后,课程将涵盖事件处理、导航与路由。最后,你将学习如何编写单元测试并调试 Angular 应用,为生产环境做好准备。 完成本课程后,你将掌握利用 Angular 命令行界面(CLI)开发应用的核心技能,能够编写单元测试,遵循 Material Design 设计规范来美化应用界面,并最终将其部署到托管服务商。

15 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
学习 Angular
在本课程中,你将学习目前最受欢迎的 JavaScript 框架之一——Angular。越来越多的开发者正在寻找掌握这一灵活且安全框架的最佳途径。你将学习如何运用最新的网页技术实现跨平台的高性能应用。 课程从 Angular 应用的基础知识开始,包括项目结构。接着,你将了解 TypeScript 的...

WHAT YOU'LL LEARN

使用 TypeScript 创建 Angular 应用程序的能力

Content

15 Lessons • 0 Quizzes • 0 Challenges

入门
  1. 1

    课程简介

构建我们的第一个 Angular 应用
  1. 1

    概述

  2. 2

    Angular 入门

  3. 3

    设置 Angular CLI 工作区

  4. 4

    Angular 应用程序的结构

  5. 5

    摘要:构建我们的第一个 Angular 应用程序

  6. 6

    测验:构建我们的第一个 Angular 应用程序

将应用程序组织成模块
  1. 1

    概览

  2. 2

    介绍 Angular 模块

  3. 3

    将应用功能分组为模块

  4. 4

    按类型组织模块

  5. 5

    摘要:将应用程序组织成模块

  6. 6

    测验:将应用程序组织为模块

通过组件实现用户体验
  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

    挑战:切换可见性功能

  15. 15

    解决方案:切换可见性功能

使用管道和指令增强应用程序
  1. 1

    概览

  2. 2

    引入指令

  3. 3

    遍历数据

  4. 4

    管道简介及接口创建

  5. 5

    在 Angular 中使用管道

  6. 6

    构建自定义管道

  7. 7

    管道中的变更检测

  8. 8

    显示动态数据

  9. 9

    属性绑定与响应事件

  10. 10

    动态切换模板

  11. 11

    摘要:使用管道和指令增强应用程序

  12. 12

    测验:使用管道和指令增强应用程序

  13. 13

    挑战:使用 Angular 指令添加标题

  14. 14

    解决方案:使用 Angular 指令添加标题

使用服务管理复杂任务
  1. 1

    概览

  2. 2

    介绍 Angular 依赖注入

  3. 3

    在应用程序中提供依赖项

  4. 4

    通过组件共享依赖项

  5. 5

    使用多个实例沙箱化组件

  6. 6

    限制依赖注入在组件树中的传播

  7. 7

    重写服务实现

  8. 8

    摘要:使用服务管理复杂任务

  9. 9

    测验:使用服务管理复杂任务

使用可观察对象和 RxJS 实现响应式编程
  1. 1

    概览

  2. 2

    处理异步信息的策略

  3. 3

    可观察对象简述

  4. 4

    Angular中的响应式编程

  5. 5

    RxJS 库

  6. 6

    高阶可观察对象

  7. 7

    订阅可观察对象

  8. 8

    取消订阅观察者

  9. 9

    摘要:使用可观察对象和 RxJS 实现响应式编程

  10. 10

    测验:使用可观察对象和 RxJS 实现响应式编程

  11. 11

    挑战:点击日志功能

  12. 12

    解决方案:点击日志功能

通过 HTTP 与数据服务进行通信
  1. 1

    概览

  2. 2

    处理异步信息的策略

  3. 3

    设置后端

  4. 4

    通过 HTTP 获取数据

  5. 5

    通过 HTTP GET 请求获取数据

  6. 6

    通过 HTTP 修改数据

  7. 7

    更新产品价格

  8. 8

    删除产品

  9. 9

    使用 HTTP 进行身份验证与授权

  10. 10

    授权用户访问

  11. 11

    授权 HTTP 请求

  12. 12

    摘要:通过 HTTP 与数据服务进行通信

  13. 13

    测验:通过 HTTP 与数据服务通信

  14. 14

    挑战:实现授权

  15. 15

    解决方案:实现授权

通过路由导航应用程序
  1. 1

    概览

  2. 2

    介绍 Angular 路由

  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

    解决方案:使用路由实现导航系统

使用表单收集用户数据
  1. 1

    概览

  2. 2

    向 Web 应用引入表单

  3. 3

    在 Angular 表单中使用响应式模式

  4. 4

    提供表单状态反馈并创建嵌套表单

  5. 5

    创建优雅的响应式表单

  6. 6

    动态修改表单

  7. 7

    操作表单数据

  8. 8

    摘要:使用表单收集用户数据

  9. 9

    测验:使用表单收集用户数据

  10. 10

    挑战:创建一个简单的任务管理应用程序

  11. 11

    解决方案:创建一个简单的任务管理应用程序

单元测试 Angular 应用
  1. 1

    概览

  2. 2

    为什么我们需要单元测试?

  3. 3

    在 Angular 中引入单元测试

  4. 4

    依赖项测试

  5. 5

    监视依赖方法

  6. 6

    测试异步服务

  7. 7

    使用输入和输出进行测试

  8. 8

    测试服务

  9. 9

    测试管道和指令

  10. 10

    表单测试

  11. 11

    摘要:对 Angular 应用进行单元测试

  12. 12

    测验:对 Angular 应用进行单元测试

  13. 13

    挑战:创建单元测试

  14. 14

    解决方案:创建单元测试

将应用程序投入生产
  1. 1

    概览

  2. 2

    构建一个 Angular 应用程序

  3. 3

    为不同环境构建

  4. 4

    限制应用包大小并优化应用包

  5. 5

    总结:将应用程序投入生产

  6. 6

    测验:将应用程序投入生产

处理错误与应用程序调试
  1. 1

    概述

  2. 2

    处理应用程序错误

  3. 3

    创建全局错误处理程序

  4. 4

    调试 Angular 应用:控制台 API 与断点

  5. 5

    调试 Angular 应用程序:开发者工具

  6. 6

    摘要:错误处理与应用程序调试

  7. 7

    测验:错误处理与应用程序调试

总结
  1. 1

    结论

附录
  1. 1

    Angular CLI:本地环境设置

  2. 2

    VS Code 工具支持

  3. 3

    安装 Angular Material

  4. 4

    部署 Angular 应用

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)