感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
介绍
- 什么是 Angular?
- Angular 10 的新特性
TypeScript 和 ES6 JavaScript 概述
- TypeScript 语法
- 使用 TypeScript 编译器
- 设置 Angular 10 和 TypeScript
Angular 10 组件概述
- Angular CLI
- 组件
- 指令
- 输入和输出
- 数据绑定和插值
- 事件绑定
- 数据建模
- 引导程序
创建您的第一个 Angular 应用程序
- 规划应用程序
- 设置 Angular 项目
- 使用 Bootstrap 4 和 Sass 创建移动友好的 UI
创建组件
- 理解组件生命周期
- 数据流
- 使用模板和样式
- 投影内容
- 使用 AppModule
- 使用自定义组件
- 使用视图封装
- 实现生命周期钩子
- 使用 ViewChildren 和 ContentChildren
Angular 10 中的数据绑定
- 理解属性和事件绑定
- 绑定和分配自定义属性的别名
- 绑定和分配自定义事件的别名
使用指令
- 内置指令
- 自定义指令
Angular 10 服务
- 创建日志服务
- 创建数据服务
使用依赖注入和提供者
- 注入器、提供者和令牌
- 配置依赖注入
- 配置提供者
- 将服务注入组件、指令和服务中
使用路由切换页面
- 理解不同的导航方法
- 路由策略
- 设置路由
- 配置和加载路由
- 在路由中使用参数
- 创建嵌套路由
- 使用重定向和通配符路由
- 理解路由守卫
使用 RxJS 在 Angular 中创建和使用观察者
- 观察者概述
- RxJS 概述
- 在 Angular 中构建和使用观察者
生成用户输入表单
- 使用模板驱动表单
- 使用响应式表单
- 创建自定义验证
- 验证、过滤和清理表单数据
使用管道
- 转换输出
- 内置管道
- 异步管道
- 自定义管道
调用外部 HTTP API
- 发送请求
使用 Angular 模块
测试 Angular 10 应用程序
- 使用 Jasmine 进行单元测试
- 使用 Protractor 进行端到端测试
调试应用程序
- 理解 Angular 中的错误消息
- 使用 Sourcemaps 在浏览器中调试代码
- 阅读 TypeScript 编译器诊断信息
- 使用 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
机器翻译
实际案例、练习和最佳实践
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
课程 - Angular 10 for Developers
机器翻译