课程大纲

Angular 18 简介

  • Angular 及其生态系统概述
  • Angular 18 的新功能,包括 Angular DevTools 的最新更新
  • 设置开发环境

项目设置与架构

  • 使用 Angular CLI
  • 项目结构和文件组织
  • Angular 模块和组件
  • 利用优化的 TypeScript 4.7 能力,提升性能和开发者体验

模板与数据绑定

  • Angular 模板语法
  • 插值、属性绑定和事件绑定
  • 使用 ngModel 进行双向数据绑定

组件与指令

  • 创建和使用组件
  • 组件生命周期钩子
  • 内置指令(ngIf、ngFor 等)
  • 自定义指令

服务与依赖注入

  • 创建和使用服务
  • Angular 中的依赖注入
  • 管理应用状态

路由与导航

  • 设置 Angular 路由器
  • 配置路由和路由参数
  • 理解和实现新路由功能
  • 懒加载和路由守卫

Angular 中的表单

  • 模板驱动表单
  • 响应式表单
  • 表单验证和错误处理

HTTP 客户端与可观察对象

  • 使用 HttpClient 发起 HTTP 请求
  • 处理 HTTP 响应
  • 使用 RxJS 可观察对象

高级主题

  • Angular 动画
  • 国际化 (i18n)
  • 性能优化技巧,包括无区域变更检测

Angular 中的测试

  • 使用 Jasmine 和 Karma 进行单元测试
  • 使用 Protractor 进行端到端测试
  • 测试 Angular 应用程序的最佳实践

部署与维护

  • 构建和部署 Angular 应用程序
  • 使用 Git 进行版本控制
  • 持续集成和持续交付 (CI/CD) 实践

迁移与故障排除

  • 从旧版 Angular 迁移
  • 常见陷阱及如何避免
  • 解决 Angular 18 中的常见问题

实践环节

  • 动手实验
  • 实际项目开发
  • 小组练习和同行评审

总结与下一步

要求

  • 了解 JavaScript
  • 具备 Web 开发经验
  • 具备 HTML 和 CSS 基础知识

受众

  • Web 开发者
  • 前端开发者
  • 对使用 Angular 开发单页应用程序 (SPA) 感兴趣的人员
 28 小时

客户评论 (1)

即将举行的公开课程

课程分类