Logo
☆☆☆☆☆
0.0
Beginner
20h

Angular:Web 应用的设计与架构

本课程将逐步教你如何设计和架构大型 Angular 应用。 你将从基础开始:组件、管道和指令。这些是任何 Angular 应用的核心构建模块,因此你将有大量动手实践的机会。接着,你将深入学习模块、路由和 RXJS,掌握如何声明式地管理数据,并深入理解观察者模式(observables)。 在课程的后半部分,你将学习响应式表单和模板驱动表单(处理用户数据的关键技术),以及自定义校验器的实现,还有如何使用 Firebase 设置身份验证。 完成本课程后,你将能够设计大型可扩展的应用,开发出功能丰富的交互式组件,并真正理解 Angular 内部的工作原理。

15 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
Angular:Web 应用的设计与架构
本课程将逐步教你如何设计和架构大型 Angular 应用。 你将从基础开始:组件、管道和指令。这些是任何 Angular 应用的核心构建模块,因此你将有大量动手实践的机会。接着,你将深入学习模块、路由和 RXJS,掌握如何声明式地管理数据,并深入理解观察者模式(observables)。 在课程...

Content

15 Lessons • 0 Quizzes • 0 Challenges

第一步
  1. 1

    简介

  2. 2

    设置

我们的第一个项目
  1. 1

    创建一个应用程序

  2. 2

    查看文件

  3. 3

    事件绑定

  4. 4

    属性绑定

  5. 5

    插值

  6. 6

    全局 CSS

  7. 7

    结构指令

  8. 8

    部署应用程序

  9. 9

    测验

  10. 10

    已完成项目

组件基础
  1. 1

    创建新项目

  2. 2

    理解组件

  3. 3

    创建一个组件

  4. 4

    从父组件向子组件传递数据

  5. 5

    ngFor 指令

  6. 6

    静态资源

  7. 7

    作用域 CSS

  8. 8

    测验

  9. 9

    已完成项目

管道
  1. 1

    管道概述

  2. 2

    管道基础

  3. 3

    管道参数

  4. 4

    货币管道和小数管道

  5. 5

    JSON 管道

  6. 6

    自定义管道

  7. 7

    更进一步

  8. 8

    测验

  9. 9

    已完成项目

指令
  1. 1

    创建新项目

  2. 2

    ngClass 指令

  3. 3

    切换图片

  4. 4

    ng-container 元素

  5. 5

    ngSwitch 指令

  6. 6

    创建一个新指令

  7. 7

    将属性绑定到指令

  8. 8

    创建一个结构型指令

  9. 9

    测验

  10. 10

    已完成项目

模块
  1. 1

    创建新项目

  2. 2

    探索模块

  3. 3

    创建一个模块

  4. 4

    导入和导出模块

路由
  1. 1

    路由器出口占位符

  2. 2

    创建更多路由

  3. 3

    路由链接指令

  4. 4

    活动链接样式

  5. 5

    通配符路由

  6. 6

    懒加载模块

  7. 7

    NgContent 指令

  8. 8

    选择内容

  9. 9

    子路由

  10. 10

    路由链接配置

高级组件
  1. 1

    创建一个模态框

  2. 2

    模态框的问题

  3. 3

    生命周期钩子

  4. 4

    打开模态框

  5. 5

    发出事件

  6. 6

    可复用的弹窗

  7. 7

    已完成项目

服务
  1. 1

    创建新项目

  2. 2

    提交表单

  3. 3

    生成服务

  4. 4

    理解依赖注入

  5. 5

    HTTP 请求

  6. 6

    显示结果

  7. 7

    突出关键词

  8. 8

    理解跨站脚本攻击

  9. 9

    插入原始 HTML

  10. 10

    棘手的 CSS

RxJS
  1. 1

    RxJS 简介

  2. 2

    可观察对象

  3. 3

    观察者

  4. 4

    管道和操作符

  5. 5

    避免单一操作符

  6. 6

    处理错误

  7. 7

    创建原始可观察对象

  8. 8

    替代的观察者语法

  9. 9

    单播可观察对象

  10. 10

    理解我们在应用中使用的 RxJS

  11. 11

    使用泛型与可观察对象

  12. 12

    已完成项目

响应式表单
  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

    已完成项目

模板表单
  1. 1

    创建新项目

  2. 2

    FormsModule

  3. 3

    双向数据绑定

  4. 4

    理解模板表单

  5. 5

    验证

  6. 6

    处理表单提交

  7. 7

    已完成项目

自定义验证器
  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

    处理错误

身份验证
  1. 1

    设置 Firebase

  2. 2

    使用 Angular 配置 Firebase

  3. 3

    注册表单提交

  4. 4

    创建新账户

  5. 5

    创建账户后的重定向

  6. 6

    处理注册错误

  7. 7

    验证并提交登录表单

  8. 8

    使用 Firebase 登录

  9. 9

    认证持久化

  10. 10

    切换菜单项

  11. 11

    登出

  12. 12

    路由守卫

  13. 13

    保护游客路线

  14. 14

    已完成项目

结论
  1. 1

    接下来该去哪里?

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)