感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
介绍
- 什么是 Angular?
- Angular 12 中有哪些新功能?
Typescript 和 ES6 概述 JavaScript
- TypeScript 语法
- 使用 TypeScript 转译器
- 设置 Angular 12和 Typescript
Angular 12的零件概述
- Angular 命令行界面
- 组件
- 指令
- 输入和输出
- 数据绑定和插值
- 事件绑定
- 数据建模
- Bootstrap平
- 实验性 Webpack
创建您的第一个 Angular 应用程序
- 规划应用程序
- 设置 Angular 项目
- 使用 Bootstrap 4 和 Sass 创建移动友好的 UI
创建组件
- 了解组件生命周期
- 数据流
- 使用模板和样式
- 投影内容
- 使用 AppModule
- 使用自定义组件
- 使用视图封装
- 实现生命周期钩子
- 使用 ViewChildren 和 ContentChildren
Angular 12 中的数据绑定
- 了解属性和事件绑定
- 将别名绑定和分配给自定义属性
- 将别名绑定和分配到自定义事件
使用指令
- 内置指令
- 自定义指令
Angular 12 服务
- 创建日志记录服务
- 创建数据服务
使用依赖关系注入和提供程序
- 注入器、提供程序和令牌
- 配置依赖注入
- 配置提供程序
- 将服务注入组件、指令和服务
使用路由切换页面
- 了解不同的导航方法
- 路由策略
- 设置路由
- 配置和加载路由
- 在路由中使用参数
- 创建嵌套路由
- 使用重定向和通配符路由
- 了解路由防护
使用 RxJS 在 Angular 中创建和使用可观察对象
- Observables 概述
- RxJS 概述
- 在 Angular 中构建和使用 Observables
生成供用户输入的表单
- 使用模板驱动的表单
- 使用 Reactive 表单
- 创建自定义验证
- 验证、过滤和清理表单数据
使用管道
- 转换输出
- 内置管道
- 异步管道
- 定制管道
调用外部 HTTP API
- 发送请求
测试 Angular 12 应用程序
- 使用 Jasmine 进行单元测试
- 探索 Protractor 种端到端测试的替代方案
调试应用程序
- 了解 Angular 中的错误消息
- 使用 Sourcemaps 在浏览器中调试代码
- 阅读 TypeScript Compilor 诊断
- 使用 Augury 在浏览器中调试
优化 Angular 12 应用程序
- 重新编写代码
- 减小捆绑包大小并消除死代码
Angular 12 安全
- 身份验证的工作原理
- 使用 JWT 身份验证
- Angular 中应该写什么和不应该写什么
将 Angular 12 应用程序部署到生产环境
- 部署到 IIS、Apache、Nginx 等。
Angular 12 最佳实践
故障 排除
总结和结论
要求
- 熟悉基本的 HTML、CSS 和 JavaScript
观众
- 开发 人员
- 程序员
28 小时
客户评论 (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
课程 - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
课程 - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
课程 - Angular 12
Pipe Routing Data Biding Services