感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
介绍
- 什么是 Angular?
- Angular 11 的新特性
TypeScript 和 ES6 JavaScript 概述
- TypeScript 语法
- 使用 TypeScript 编译器
- 设置 Angular 11 和 TypeScript
Angular 11 组件概述
- Angular CLI
- 组件
- 指令
- 输入与输出
- 数据绑定与插值
- 事件绑定
- 数据建模
- 引导程序
- 实验性 Webpack
创建第一个 Angular 应用
- 应用规划
- 设置 Angular 项目
- 使用 Bootstrap 4 和 Sass 创建移动友好 UI
创建组件
- 理解组件生命周期
- 数据流
- 使用模板与样式
- 内容投影
- 使用 AppModule
- 使用自定义组件
- 使用视图封装
- 实现生命周期钩子
- 使用 ViewChildren 和 ContentChildren
Angular 11 中的数据绑定
- 理解属性与事件绑定
- 绑定并分配自定义属性的别名
- 绑定并分配自定义事件的别名
使用指令
- 内置指令
- 自定义指令
Angular 11 服务
- 创建日志服务
- 创建数据服务
使用依赖注入与提供者
- 注入器、提供者与令牌
- 配置依赖注入
- 配置提供者
- 将服务注入组件、指令和服务
使用路由切换页面
- 理解不同的导航方法
- 路由策略
- 设置路由
- 配置与加载路由
- 在路由中使用参数
- 创建嵌套路由
- 使用重定向与通配符路由
- 理解路由守卫
使用 RxJS 在 Angular 中创建与使用可观察对象
- 可观察对象概述
- RxJS 概述
- 在 Angular 中构建与使用可观察对象
生成用户输入表单
- 使用模板驱动表单
- 使用响应式表单
- 创建自定义验证
- 验证、过滤与清理表单数据
使用管道
- 转换输出
- 内置管道
- 异步管道
- 自定义管道
调用外部 HTTP API
- 发送请求
测试 Angular 10 应用
- 使用 Jasmine 进行单元测试
- 使用 Protractor 进行端到端测试
调试应用
- 理解 Angular 中的错误信息
- 使用 Sourcemaps 在浏览器中调试代码
- 阅读 TypeScript 编译器诊断信息
- 使用 Augury
优化 Angular 11 应用
- 重构代码
- 减少包大小并消除死代码
Angular 11 安全性
- 身份验证的工作原理
- 使用 JWT 身份验证
- 在 Angular 中应写与不应写的内容
将 Angular 11 应用部署到生产环境
- 部署到 IIS、Apache、Nginx 等
Angular 11 最佳实践
故障排除
总结与结论
要求
- 熟悉基本的 HTML、CSS 和 JavaScript
受众
- 开发者
28 小时
客户评论 (5)
我喜欢这次培训更注重实践方面。
Mihaela - Ness
课程 - NgRx
机器翻译
讨论了多个主题,包含大量实际代码示例,培训师对小组的态度
Weronika - ATOS PGS sp. z o.o.
课程 - Reactive Programming with Angular RxJS
机器翻译
我喜欢你的笑话
Dermot - Griffiths & Armour
课程 - Angular 2 Fundamentals
机器翻译
实际案例、练习和最佳实践
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
课程 - Angular 10 for Developers
机器翻译
管道 路由 数据绑定 服务
Edmundo Manave - CEDSIF, IP - Ministry of Finance
课程 - Angular 12
机器翻译