Angular 18+
企业级前端框架

Angular 是 Google 开源并维护的企业级前端框架，诞生于 2016 年（Angular 2 重写），是前端三大框架中架构最完整、约束最强的一个。它内置了路由、HTTP 客户端、表单验证、依赖注入等一整套解决方案，无需额外拼凑第三方库。

Angular 18 引入了 Signals 响应式系统、改进了 Standalone Components、带来了全新的 SSR 架构（基于 Node.js server）。本教程从零开始，带你掌握 Angular 在真实企业项目中的完整开发流程。

✅ 了解基本的 HTML / CSS / JavaScript

✅ 安装 Node.js（v18+）—— 从 nodejs.org 下载

✅ 安装 VS Code + Angular Language Service 扩展

⚪ 有 TypeScript 基础更好（Angular 全面使用 TypeScript）

• 1
  Angular 简介与环境搭建

  Angular vs React vs Vue 定位、版本演进、安装 CLI、项目结构、Zone.js/AOT 名词解释
  ›
• 2
  组件与模板

  @Component 装饰器、模板语法、新控制流 @if/@for、Standalone Component、样式封装
  ›
• 3
  依赖注入

  注入器树、@Injectable、providedIn 策略、inject() 函数、UserService 完整实战
  ›
• 4
  路由与导航

  RouterModule 配置、懒加载 loadComponent/loadChildren、守卫、子路由、路由动画
  ›
• 5
  HTTP 与数据请求

  HttpClient CRUD、RxJS 操作符、拦截器添加 token、环境变量、RESTful API 实战
  ›
• 6
  表单系统

  模板驱动表单、响应式表单 FormBuilder/FormGroup、FormArray、异步验证器、注册表单实战
  ›
• 7
  RxJS 响应式编程

  Observable 核心、常用操作符、Subject、combineLatest/forkJoin、搜索防抖实战
  ›
• 8
  Signals 现代状态管理

  signal/computed/effect 基础、toSignal/toObservable 互转、NgRx SignalStore、选型指南
  ›
• 9
  测试与质量保障

  TestBed、ComponentFixture、Jasmine/Karma、Playwright E2E、Mock HttpClient、覆盖率
  ›
• 10
  性能、SSR 与部署

  OnPush 策略、trackBy、懒加载、Angular Universal SSR/SSG、Docker/Nginx/Vercel 部署
  ›