感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
介绍
- 什么是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 小时
客户评论 (4)
培训师的态度和知识
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
机器翻译
Practical examples, exercises and best practices