课程大纲

介绍

  • 什么是Angular?
  • Angular 与 React 与 Vue
  • Angular 16 功能和体系结构概述
  • 设置开发环境

开始

  • 使用 Angular CLI 创建新的 Angular 16 项目
  • 浏览项目结构和文件
  • 运行和提供应用程序
  • 使用插值和表达式显示数据

组件

  • 了解组件在 Angular 16 中的作用
  • 创建和使用组件
  • 使用输入和输出在组件之间传递数据
  • 使用组件生命周期钩子

指令

  • 了解结构指令和属性指令之间的区别
  • 创建和使用内置指令,例如 ngIf、ngFor、ngSwitch 等。
  • 创建和使用自定义指令

管道

  • 了解 Angular 16 中管道的用途
  • 创建和使用内置管道,例如日期、货币、json 等。
  • 创建和使用自定义管道

服务业

  • 了解服务在 Angular 16 中的作用
  • 创建和使用服务
  • 使用提供程序注入依赖项

模块

  • 了解模块在 Angular 16 中的作用
  • 创建和使用模块
  • 导入和导出模块

数据绑定

  • 了解单向数据绑定和双向数据绑定之间的区别
  • 创建和使用属性绑定、事件绑定和 banana-in-a-box 语法
  • 使用模板引用变量

路由

  • 了解路由在 Angular 16 中的作用
  • 创建和配置路由
  • 使用 routerLink 和 router.navigate 在路由之间导航
  • 使用路由参数、查询参数和片段

形式

  • 了解模板驱动表单和响应式表单之间的区别
  • 使用表单控件、表单组、表单数组等创建和验证表单。
  • 使用内置验证器,例如 required、minLength、maxLength 等。
  • 创建和使用自定义验证程序

HTTP 客户端

  • 了解 HTTP 客户端在 Angular 16 中的角色
  • 创建和使用 HTTP 请求与后端服务通信
  • 使用 observables 处理异步数据流
  • 使用拦截器修改或处理 HTTP 请求或响应

调试

  • 了解 Angular 16 个应用程序中的常见错误和错误
  • 使用 Chrome DevTools 检查元素、源、网络、控制台等。
  • 使用断点、监视表达式、调用堆栈等来调试代码

测试

  • 了解测试在 Angular 16 个应用中的重要性
  • 使用 Jest 作为替代测试框架
  • 使用 Karma 作为单元测试的测试运行程序
  • 使用 Protractor 作为端到端测试工具

摘要和后续步骤

要求

  • 了解 HTML、CSS 和 JavaScript
  • 具有 TypeScript 和 RxJS 的经验
  • Web开发经验

观众

  • 希望了解如何使用 Angular 16 创建动态和响应式 Web 应用程序的开发人员
  • 希望从以前版本的 Angular 升级技能的开发人员
  • 希望探索 Angular 16 的新功能和更新的程序员
 28 小时

人数



每位参与者的报价

客户评论 (10)

相关课程

课程分类