Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
课程大纲
介绍
- 什么是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 最佳实践
故障 排除
总结和结论
要求
- 熟悉基本的 HTML、CSS 和 JavaScript
观众
- 开发 人员
28 小时
客户评论 (3)
培训师的态度和知识
Gabriel Llaurado - Allianz Technology
课程 - Angular 10 for Developers
机器翻译
结构的知识。
Jeffry Gonzalez - Allianz Technology
课程 - Angular 10 for Developers
机器翻译
我们从 Angular 和 TS 的基础开始,以一种很好的方式增加了练习的难度
Daniel Zamorano Infante - Allianz Technology
课程 - Angular 10 for Developers
机器翻译