0Pricing
Angular Academy icon

Angular Academy

HTMLFrontendWebBeginner

通过 Angular Academy 学习 Angular,构建可扩展且现代的网络应用程序。

🤖 AI 驱动📚 38 门课程👥 10万+ 学习者⭐ 4.9 分
课程概览

Angular:驱动生产级网络应用的框架

Angular 是 Google 推出的固有架构、TypeScript 优先的框架,用于构建大型、易维护的单页应用。其组件模型、依赖注入系统和一流的工具链使其成为企业团队和追求规模化结构的开发者的首选框架。本学习路径涵盖现代 Angular — 第 19 版,包含独立组件、Signals 和新的控制流语法 — 而非来自旧版指南的遗留模式。

你将学到什么

你将从 Angular CLI、项目结构和 Angular 19 基础开始,进而学习基于 Signals 的响应式编程、独立组件和依赖注入。之后,你会掌握模板驱动表单和响应式表单、RxJS 操作符、HttpClient 拦截器、组件生命周期钩子、内容投影、动画和路由。后续课程将涵盖使用 NgRx 和基于 Signal 的 NgRx SignalStore 进行状态管理、单元测试和端到端测试、国际化和自定义表单控件。本学习路径以变更检测优化、服务端渲染、水合、Module Federation 微前端、构建可复用的 Angular 库和 Angular 安全要点作为收尾。

学习路径

三十七门课程从 A1 到 C1。前八门课程(A1–A2)奠定基础:CLI 设置、独立组件、管道、生命周期钩子和双向绑定。B1 和 B2 课程培养应用技能 — RxJS、高级路由、响应式表单、指令组合和完整的测试覆盖。C1 等级涵盖将生产级 Angular 与教程 Angular 区分开来的内容:变更检测和性能、NgRx SignalStore、使用 Angular SSR 的服务端渲染、使用 Module Federation 的微前端、构建 Angular 库和Angular 安全要点。

工作原理

每门课程分为简短、实践性的课时,你可以在内置代码编辑器中完成,并获得实时反馈。当你遇到困难时,AI 导师随时可用,每个概念都通过直接在浏览器中运行的练习得到强化 — 无需本地设置即可开始。

开始学习 →

你的学习方式

🎯
互动课程
实时反馈的动手编程练习
🤖
AI 导师
遇到困难时立即获得 AI 帮助
💻
内置编辑器
直接在浏览器中编写并运行代码
🏆
证书
完成课程后获得证书
课程

38 门课程

Angular Academy 学习路径中的所有课程。

01

欢迎学习 Angular

A13 节课

了解 Angular 是什么、Google 为何创建并维护它,以及它如何改变大型专业 Web 应用的构建方式。

02

Angular CLI 与项目结构

A14 节课PRO

使用 Angular CLI 高效地搭建、构建和管理 Angular 项目。

03

内置控制流

A14 节课PRO

在模板中使用 Angular 现代块控制流语法处理条件和循环。

04

Angular 19基础

A13 节课PRO

介绍Angular 19,探索其主要功能、架构和环境设置。

05

Angular 信号基础

A24 节课PRO

掌握 Angular 的响应式信号原语,实现细粒度且高效的状态管理。

06

独立组件深入解析

A24 节课PRO

使用独立组件架构构建 Angular 应用,无需 NgModules。

07

依赖注入基础

A24 节课PRO

使用 Angular 的分层依赖注入系统提供和使用服务。

08

管道:内置与自定义

A24 节课PRO

使用内置管道转换显示的数据,并创建您自己的自定义管道。

09

组件生命周期钩子

A24 节课PRO

使用 Angular 生命周期钩子介入组件的创建、变更和销毁过程。

10

双向绑定与模型输入

A24 节课PRO

使用双向绑定和基于信号的模型输入,在父组件与子组件之间同步数据。

11

组件样式与封装

A24 节课PRO

使用作用域 CSS、视图封装模式和宿主样式为组件设置样式。

12

信号输入与查询

B14 节课PRO

使用现代的基于信号的输入、输出和视图查询 API,让组件更加简洁。

13

信号:计算值与副作用

B14 节课PRO

使用计算信号派生响应式值,并通过 effect API 执行副作用。

14

Angular 的 RxJS 基础

B14 节课PRO

理解可观察对象、订阅和主题,掌握 Angular 响应式编程的基础。

15

内容投影与模板

B14 节课PRO

使用内容投影、ng-content 和模板引用,构建灵活且可复用的组件。

16

Angular 动画

B14 节课PRO

使用 Angular 的声明式动画系统,让界面充满活力。

17

高级组件与指令

B13 节课PRO

探索高级组件交互、指令和最佳实践。

18

Angular路由与导航

B13 节课PRO

学习Angular中的路由、导航守卫和路由解析器。

19

使用表单

B13 节课PRO

详细学习Angular中的表单处理。

20

RxJS 运算符深入解析

B24 节课PRO

使用映射、过滤、组合和错误运算符,组合强大的数据流。

21

Angular 路由进阶

B24 节课PRO

通过解析器、路由数据、参数和函数式守卫,深入掌握超越基础的路由技术。

22

HttpClient 拦截器

B24 节课PRO

使用函数式和基于类的拦截器,集中处理横切 HTTP 关注点。

23

响应式表单进阶

B24 节课PRO

使用 FormArray、自定义控件和异步验证,构建动态且强类型的响应式表单。

24

指令组合 API

B24 节课PRO

通过向宿主组件应用多个指令,组合可复用的行为。

25

使用NgRx进行状态管理

B23 节课PRO

使用NgRx高效管理应用程序状态。

26

基于信号的状态管理

B24 节课PRO

使用信号、服务和响应式模式设计应用状态,无需外部库。

27

自定义表单控件

B24 节课PRO

通过实现 ControlValueAccessor,将自定义组件集成到 Angular 表单中。

28

Angular 单元测试与组件测试

B24 节课PRO

使用 TestBed 和 Angular 测试工具测试组件、服务和管道。

29

Angular 端到端测试

B24 节课PRO

使用 Playwright 和 Cypress 进行端到端测试,验证真实的用户流程。

30

国际化(i18n)

B24 节课PRO

使用内置 i18n 系统和运行时翻译策略,为 Angular 应用实现本地化。

31

HTTP与API集成

B23 节课PRO

掌握Angular中的HTTP通信和API集成。

32

变更检测与性能

C14 节课PRO

使用 OnPush 变更检测、无区域模式和 trackBy 策略优化渲染性能。

33

NgRx SignalStore

C14 节课PRO

使用现代的、基于信号的 NgRx SignalStore 管理复杂状态。

34

使用 Angular SSR 实现服务端渲染

C14 节课PRO

在服务器上渲染 Angular,以加快首次绘制并改善 SEO。

35

水合与性能

C14 节课PRO

使用完整水合和增量水合加速 SSR 应用,尽量减少客户端工作量。

36

使用模块联邦实现微前端

C14 节课PRO

将大型 Angular 应用组合为可独立部署的微前端。

37

构建 Angular 库

C14 节课PRO

使用 Angular Package Format 打包并发布可复用的 Angular 库。

38

Angular安全基础

C13 节课PRO

使用必要的安全技术保护您的Angular应用程序。

常见问题

常见问题解答

Angular Academy 课程免费吗?

免费。你可以免费开始 Angular Academy 课程并完成它的所有互动课程。可选的 PRO 订阅解锁高级 AI 工具和可分享的证书。

学习 HTML 需要有先前的经验吗?

不需要。课程从基础开始,逐步进阶到更高难度的主题,所以即使你没有任何 HTML 基础也可以开始。

我在 CoddyKit 上怎样学习 HTML?

学以致用。简洁的互动课程将清晰的讲解与实时动手编程练习结合,24/7 AI 导师在你遇到困难时提供个性化帮助。

完成 Angular Academy 后能获得证书吗?

可以。PRO 学员可以参加考试,获得 Angular Academy 课程的可分享的完成证书,其中包含可验证的代码。

我能在手机上学习 HTML 吗?

可以。CoddyKit 支持网页版和原生 iOS、Android 应用,你可以在任何设备上学习 HTML,进度会自动同步。

立即开始 Angular Academy

加入数千名学习者,通过 AI 驱动的课程掌握编程。

免费开始 →浏览所有课程