Angular 10 for Developers

• 熟悉基本的 HTML、CSS 和 JavaScript

观众

• 开发 人员

Angular 是一个 JavaScript 框架,用于构建 Web 应用程序。 Angular 10 是 Angular 2 系列中最新的版本(Angular 2 是原始 Angular JS 或 Angular 1 的完整重写)。 Angular 10是一个主要的发布,强调质量,工具和生态系统的改进,而不是新的功能。 Angular 10 比以前的版本小。

在本教练引导的现场培训(在线或在线),参与者将学习如何创建,测试和部署一个应用程序(3)使用最新的功能(3)10。

在本研讨会结束后,参与者将能够:

• 開發 Angular 10 應用程式使用 TypeScript 和 Angular CLI。
• 创建轻松连接的网页组件,可在任何页面上使用。
• 将这些组件连接到服务、模块和指南。
• 使用 REST 网页服务和 WebSocket 数据从一个 Angular 10 应用程序内。
• 创建自定义验证使用 Reactive 表格。
• 测试,拆卸和部署一个 Angular 10 应用程序。
• 组织(3)使用最佳实践的10个项目。

课程格式

• 互动讲座和讨论。
• 很多练习和练习。
• 在现场实验室环境中进行手动实施。

课程定制选项

• 要申请此课程的定制培训,请联系我们安排。

介绍

• 什么是Angular？
• Angular 10 中的新增功能？

Typescript 和 ES6 概述 JavaScript

• TypeScript 语法
• 使用 TypeScript 转译器
• 设置 Angular 10 和 Typescript

Angular 10件零件概述

• Angular 命令行界面
• 组件
• 指令
• 输入和输出
• 数据绑定和插值
• 事件绑定
• 数据建模
• Bootstrap平

创建您的第一个 Angular 应用程序

• 规划应用程序
• 设置 Angular 项目
• 使用 Bootstrap 4 和 Sass 创建移动友好的 UI

创建组件

• 了解组件生命周期
• 数据流
• 使用模板和样式
• 投影内容
• 使用 AppModule
• 使用自定义组件
• 使用视图封装
• 实现生命周期钩子
• 使用 ViewChildren 和 ContentChildren

Angular 10 中的数据绑定

• 了解属性和事件绑定
• 将别名绑定和分配给自定义属性
• 将别名绑定和分配到自定义事件

使用指令

• 内置指令
• 自定义指令

Angular 10 服务

• 创建日志记录服务
• 创建数据服务

使用依赖关系注入和提供程序

• 注入器、提供程序和令牌
• 配置依赖注入
• 配置提供程序
• 将服务注入组件、指令和服务

使用路由切换页面

• 了解不同的导航方法
• 路由策略
• 设置路由
• 配置和加载路由
• 在路由中使用参数
• 创建嵌套路由
• 使用重定向和通配符路由
• 了解路由防护

使用 RxJS 在 Angular 中创建和使用可观察对象

• Observables 概述
• RxJS 概述
• 在 Angular 中构建和使用 Observables

生成供用户输入的表单

• 使用模板驱动的表单
• 使用 Reactive 表单
• 创建自定义验证
• 验证、过滤和清理表单数据

使用管道

• 转换输出
• 内置管道
• 异步管道
• 定制管道

调用外部 HTTP API

• 发送请求

使用 Angular 模块

测试 Angular 10 应用程序

• 使用 Jasmine 进行单元测试
• 使用 Protractor 进行端到端测试

调试应用程序

• 了解 Angular 中的错误消息
• 使用 Sourcemaps 在浏览器中调试代码
• 阅读 TypeScript Compilor 诊断
• 使用 Augury

优化 Angular 10 应用程序

• 重新编写代码
• 减小捆绑包大小并消除死代码

Angular 10 安全

• 身份验证的工作原理
• 使用 JWT 身份验证
• Angular 中应该写什么和不应该写什么

将 Angular 10 应用程序部署到生产环境

• 部署到 IIS、Apache、Nginx 等。

Angular 10 最佳实践

故障 排除

总结和结论