课程大纲
介绍
- 什么是 Angular?
- Angular 11 中有哪些新功能?
Typescript 和 ES6 概述 JavaScript
- TypeScript 语法
- 使用 TypeScript 转译器
- 设置 Angular 11和 Typescript
Angular 11的零件概述
- Angular 命令行界面
- 组件
- 指令
- 输入和输出
- 数据绑定和插值
- 事件绑定
- 数据建模
- Bootstrap平
- 实验性 Webpack
创建您的第一个 Angular 应用程序
- 规划应用程序
- 设置 Angular 项目
- 使用 Bootstrap 4 和 Sass 创建移动友好的 UI
创建组件
- 了解组件生命周期
- 数据流
- 使用模板和样式
- 投影内容
- 使用 AppModule
- 使用自定义组件
- 使用视图封装
- 实现生命周期钩子
- 使用 ViewChildren 和 ContentChildren
Angular 11 中的数据绑定
- 了解属性和事件绑定
- 将别名绑定和分配给自定义属性
- 将别名绑定和分配到自定义事件
使用指令
- 内置指令
- 自定义指令
Angular 11 服务
- 创建日志记录服务
- 创建数据服务
使用依赖关系注入和提供程序
- 注入器、提供程序和令牌
- 配置依赖注入
- 配置提供程序
- 将服务注入组件、指令和服务
使用路由切换页面
- 了解不同的导航方法
- 路由策略
- 设置路由
- 配置和加载路由
- 在路由中使用参数
- 创建嵌套路由
- 使用重定向和通配符路由
- 了解路由防护
使用 RxJS 在 Angular 中创建和使用可观察对象
- Observables 概述
- RxJS 概述
- 在 Angular 中构建和使用 Observables
生成供用户输入的表单
- 使用模板驱动的表单
- 使用 Reactive 表单
- 创建自定义验证
- 验证、过滤和清理表单数据
使用管道
- 转换输出
- 内置管道
- 异步管道
- 定制管道
调用外部 HTTP API
- 发送请求
测试 Angular 10 应用程序
- 使用 Jasmine 进行单元测试
- 使用 Protractor 进行端到端测试
调试应用程序
- 了解 Angular 中的错误消息
- 使用 Sourcemaps 在浏览器中调试代码
- 阅读 TypeScript Compilor 诊断
- 使用 Augury
优化 Angular 11 应用程序
- 重新编写代码
- 减小捆绑包大小并消除死代码
Angular 11 安全
- 身份验证的工作原理
- 使用 JWT 身份验证
- Angular 中应该写什么和不应该写什么
将 Angular 11 应用程序部署到生产环境
- 部署到 IIS、Apache、Nginx 等。
Angular 11 最佳实践
故障 排除
总结和结论
要求
- 熟悉基本的 HTML、CSS 和 JavaScript
观众
- 开发 人员
客户评论 (5)
它非常互动和信息丰富。当我们不明白某些事情时,培训师对我们非常有耐心,并确保在整个培训过程中没有人掉队。
Daniel - INIT Innovations in Transportation Ltd.
课程 - Angular 17
机器翻译
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
课程 - Angular 14
我喜欢你的笑话
Dermot - Griffiths & Armour
课程 - Angular 2 Fundamentals
机器翻译
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
课程 - Angular 10 for Developers
Pipe Routing Data Biding Services