学 Angular - 编程课程

逐步学习 Angular，从第一个组件开始，直到构建出能够与服务器通信的真实 Web 应用。在三栏工作台中编写 TypeScript、模板和样式，并在手机上实时查看组件的渲染效果。

一门以实践为核心的 Web 开发课程：你将按照前端开发者的实际使用方式学习 TypeScript，在组件、服务和模板中运用它。

课程内容

• 38 门课程和 144 个短小课程，涵盖从初级（A1）到高级（C1）

• 实时工作台：并排显示 component.ts、template.html 和 styles.css，并提供可运行代码的预览

• Projects 标签页：包含多文件工作区、引导式项目路线和版本历史

• 60 个 TypeScript 编码任务，分为三个难度级别，提供提示和完整解答

• 结业考试，以及印有你姓名的完成证书

• 应用支持 22 种语言

完整的前端开发者学习路线

• 独立组件、模板和内置控制流（@if、@for）

• Signals：signal()、computed() 和 effect()，以及 signal 输入和查询

• 数据绑定、双向绑定、管道和生命周期钩子

• 依赖注入和共享服务

• 路由与导航，包括高级路由器模式

• 模板驱动表单和响应式表单、自定义表单控件

• RxJS 基础和操作符

• 使用 HttpClient 和拦截器处理真实 API 数据

• 使用 NgRx 和 NgRx SignalStore 进行状态管理

• 单元测试、组件测试和端到端测试

• 变更检测、性能、服务器端渲染和水合

• 微前端、库、国际化和安全性

让练习真正留下印象

• 小测验和抽认卡复习，帮助你巩固总是记不住的概念

• 一页式语法、装饰器和指令速查表

• 可打开、运行和编辑的短小示例组件库

• 50 道面试题及清晰答案，在参加前端开发者面试前非常有用

• World Coding Challenge：一道共同的题目，查看所有人的解答

• 连续学习天数、XP、排行榜和每日提醒，帮助你保持编码习惯

AI 工具（PRO）

• AI 导师：询问错误、概念或你自己的代码，并获得清晰的解释

• AI 课程生成器：针对你尚未理解的主题生成自定义课程

• AI playground：描述一个页面，查看代码逐步构建出来

适合人群

• 正在迈出 Web 开发和前端工作第一步的初学者

• 正在学习第一个框架的 JavaScript 和 TypeScript 开发者

• 在工作中转向使用这一框架的 React 或 Vue 开发者

• 为 Web 开发者工作做准备的学生和转行者

免费版和 PRO

第一门课程和实时工作台免费。PRO 可解锁所有课程、全部编码任务和 AI 工具，并移除广告。

注意：实时预览需要互联网连接。

此应用是 CoddyKit 提供的独立学习课程，与 Google 或 Angular 团队没有关联，也未获其认可。

立即开始，按照自己的节奏学习 Angular，并在几分钟内构建你的第一个组件。