LUMIFY WORK Angular 12 编程

为什么学习本课程

这门综合性 Angular 12 编程课程结合了理论学习和实践实验室，其中包括 Angular 简介，然后是 TypeScript、组件、指令、服务、HTTP 客户端、测试和调试。
该课程充满了有用且可操作的信息，您可以立即将其应用到您的工作中。学习基本 Angular 12 开发的基础知识，例如单页浏览器应用程序、响应式应用程序 web网站和混合移动应用程序。
笔记：我们还可以提供其他版本 Angular 的培训。请联系我们进行询问或登记您的兴趣。

你会学到什么
成功完成本课程后，您将能够：

• 使用 Typescript 开发单页 Angular 应用程序
• 搭建完整的Angular开发环境
• 创建组件、指令、服务、管道、表单和自定义验证器
• 使用 Observables 处理高级网络数据检索任务 使用来自 REST 的数据 web 使用 Angular HT TP 客户端的服务 使用 Web套接字协议
• 使用 Angular Pipes 格式化数据
• 使用高级 Angular 组件路由器功能
• 使用内置工具测试和调试 Angular 应用程序。

课程科目

第 1 章 Angular 简介

• 什么是 Angular？
• Angular 框架的核心特征适当的用例
• Angular 应用程序的构建块 Angular 应用程序的基本架构 安装和使用 Angular
• Angular 应用程序剖析 运行应用程序
• 为本机移动应用程序构建和部署应用程序 Angular
• 概括

第 2 章 TypeScript 简介

• 用于 Angular TypeScript 语法的编程语言
• 节目编辑
• 类型系统——定义变量
• 类型系统 – 定义数组
• 基本基元类型
• 输入函数
• 类型推断
• 定义类
• 类方法
• 能见度控制
• 类构造函数
• 类构造函数 - 替代形式未初始化字段
• 接口
• 使用 ES6 模块
• var 与 let
• 箭头函数
• 箭头函数紧凑语法模板字符串
• 类中的泛型
• 函数中的泛型
• 概括

第 3 章组件

• 什么是组件？
• 前一个amp组件
• 使用 Angular CLI 创建组件
• 组件类
• @Component 装饰器
• 将组件注册到其模块组件模板
• Example：HelloComponent 模板
• Example：使用组件的 HelloComponent 类
• 运行应用程序
• 组件层次结构
• 应用程序根组件
• 引导程序 File
• 组件生命周期钩子 Examp生命周期钩子
• CSS 样式
• 概括

第 4 章组件模板

• 模板
• 模板位置
• 小胡子 {{ }} 语法
• 设置 DOM 元素属性
• 设置元素正文
• 事件绑定
• 表达式事件处理程序
• 防止默认处理
• 属性指令
• 通过更改 CSS 类应用样式
• Example: ngClass
• 直接应用样式
• 结构指令
• 有条件执行模板
• Examp文件：ngIf
• 使用 ngFor 循环
• ngFor 局部变量
• 操纵集合Example – 删除项目
• 使用 ngFor 进行项目跟踪 使用 ngSwitch 分组元素交换元素
• 模板参考变量摘要

第 5 章组件间通信

• 沟通基础知识
• 数据流架构
• 让孩子做好接收数据的准备
• 从父级发送数据
• 关于设置属性的更多信息
• 从组件触发事件
• @Output() 前ample – 子组件 @Output() Example – 父组件
• 全双向绑定
• 在父级中设置双向数据绑定
• 概括

第 6 章模板驱动表单

• 模板驱动表单
• 导入表单模块
• 基本方法
• 设置表单
• 获取用户输入
• 省略 ngForm 属性
• 初始化表单
• 双向数据绑定
• 表格验证
• 角度验证器
• 使用类附加输入类型显示验证状态
• 复选框
• 选择（下拉）字段
• 选择（下拉）日期字段的呈现选项
• 单选按钮
• 概括

第 7 章反应式形式

• 反应式形式结束view
• 构建模块
• 导入ReactiveForms模块
• 构建表单
• 设计模板
• 获取输入值
• 初始化输入字段
• 设置表单值
• 订阅输入更改
• 验证
• 内置验证器
• 显示验证错误
• 自定义验证器
• 使用自定义验证器
• 向自定义验证器提供配置
• FormArray – 动态添加输入
• FormArray – 组件类
• FormArray – 模板
• FormArray – 值
• 子表单组 – 组件类
• 子表单组 – HTML 模板
• 为什么使用子表单组
• 概括

第 8 章服务和依赖注入

• 什么是服务？
• 创建基本服务
• 服务等级
• 什么是依赖注入？
• 注入服务实例
• 喷油器
• 喷油器层次结构
• 使用根注入器注册服务
• 使用组件的注入器注册服务
• 使用功能模块注入器注册服务
• 在哪里注册服务？
• 其他工件中的依赖注入提供替代实现依赖注入和@Host
• 依赖注入和@Optional
• 概括

第 9 章 HTTP 客户端

• Angular HT TP 客户端
• 使用 HTTP 客户端 – 结束view
• 导入 HttpClient 模块
• 使用 HttpClient 的服务
• 发出 GET 请求
• 可观察对象有什么作用？
• 在组件中使用服务
• PeopleService 客户端组件错误处理
• 自定义错误对象
• 发出 POST 请求
• 发出 PUT 请求
• 发出删除请求

第 10 章管道和数据格式化

• 什么是管道？
• 内置管道
• 在 HTML 模板中使用管道
• 国际化管道 (i18n) 加载区域设置数据
• 日期管
• 管数
• 货币管
• 创建自定义管道
• 定制管道防爆ample
• 使用自定义管道
• 将管道与 ngFor 一起使用
• 过滤管
• 管材类别：纯管和非纯管
• 概括
• 纯管防爆ample
• 不纯管道防爆ample
• 概括

第 11 章单页应用程序简介

• 什么是传统单页应用程序 (SPA) Web 应用
• SPA工作流程
• 单页应用程序高级版tages HTML5 历史 API
• 水疗挑战
• 使用 Angular 实施 SPA 摘要

第 12 章 Angular 组件路由器

• 组件路由器
• View 导航
• Angular 路由器 API
• 创建支持路由器的应用程序
• 托管路由组件
• 使用链接和按钮导航
• 程序化导航
• 传递路由参数
• 使用路线参数导航
• 获取路由参数值
• 同步获取路由参数
• 异步检索路由参数
• 查询参数
• 提供查询参数
• 异步检索查询参数
• 手册问题 URL 条目和书签
• 概括

第 13 章 高级 HTTP 客户端

• 请求选项
• 返回 HttpResponse 对象
• 设置请求标头
• 创建新的可观察量
• 创建一个简单的可观察对象
• Observable 构造函数方法 Observable 运算符
• 地图和过滤器 运营商
• flatMap() 运算符
• tap() 运算符
• zip() 组合器
• 缓存 HT TP 响应
• 进行连续的 HT TP 调用
• 进行并行调用
• 使用 catchError() 自定义错误对象
• 管道错误
• 错误恢复
• 概括

第 14 章 Angular 模块

• 为什么选择 Angular 模块？
• 模块类剖析
• @NgModule属性
• 功能模块
• Examp文件模块结构
• 创建域模块
• 创建路由/路由模块对
• 创建服务模块
• 创建通用模块

第 15 章高级路由

• 路由启用功能模块
• 使用功能模块
• 延迟加载功能模块
• 为功能模块组件创建链接
• 关于延迟加载的更多信息
• 预加载模块
• 默认路由
• 通配符路由路径
• 重定向至
• 子路线
• 定义子路由
• 对于子路线
• 子路线的链接
• 导航卫士
• 创建 Guard 实现
• 在路线中使用守卫
• 概括

第 16 章 Angular 应用程序的单元测试

• 单元测试角度工件
• 测试工具
• 典型测试步骤
• 测试结果
• 茉莉花测试套件
• Jasmine 规格（单元测试）
• 期望（断言）
• 匹配器
• Examp使用匹配器的文件
• 使用 not 属性
• 单元测试套件中的设置和拆卸
• ExampbeforeEach 和 afterEach 函数的文件
• 角度测试模块
• Examp角度测试模块
• 测试服务
• 注入服务实例
• 测试同步方法
• 测试异步方法
• 使用模拟 HT TP 客户端
• 提供预设回复
• 测试组件
• 元件测试模块
• 创建组件实例
• ComponentFixture 类
• 基本组件测试
• 调试元素类
• 模拟用户交互
• 概括

第 17 章调试

• 超过view 角度调试
• View在调试器中使用 TypeScript 代码
• 使用调试器关键字
• 调试日志
• 什么是 Angular 开发工具？
• 使用 Angular 开发工具
• Angular DevTools – 组件结构
• Angular DevTools – 变更检测执行
• 捕获语法错误
• 概括

实验室练习

• 实验 1. Angular 简介
• 实验 2. TypeScript 简介
• 实验 3. 组件简介
• 实验 4. 组件模板
• 实验 5. 创建照片库组件
• 实验 6. 模板驱动表单
• 实验 7. 创建编辑表单
• 实验 8. 反应形式
• 实验 9. 开发服务
• 实验 10. 开发 HT TP 客户端
• 实验 11. 使用管道
• 实验 12. 使用 Router 的基本单页应用程序 实验 13. 构建单页应用程序 (SPA)
• 实验 14. 高级 HT TP 客户端
• 实验 15. 使用 Angular Bootstrap
• 实验 16. 延迟模块加载
• 实验 17. 高级路由
• 实验室 18. 单元测试
• 实验 19. 调试 Angular 应用程序

该课程适合谁？
本课程面向任何需要学习 Angular 12 开发基础知识并将其应用于创建的人 web 立即申请。我们还可以为更大的团体提供和定制此培训课程 - 节省您的组织的时间、金钱和资源。

必备条件
Web 要充分利用本 Angular 课程，需要具备使用 HTML、CSS 和 JavaScript 的开发经验。了解浏览器 DOM 也很有用。不需要具备 AngularJS 或任何版本的 Angular 经验。
https://www.lumifywork.com/en-au/courses/angular-12-programming/

文件/资源

LUMIFY WORK Angular 12 编程 [pdf] 用户指南 Angular 12 编程、Angular、12 编程、编程

参考

• 用户手册