Angular 6

• 熟悉基本的HTML、CSS、JavaScript

Angular 6包含许多强大的新功能，包括Angular Elements和新的CLI命令。这些功能极大地扩展了将Angular与基于JQuery、Vue.js、React等的非Angular应用程序集成的能力。

在这一由讲师指导的实时培训（现场或远程）中，学员将学习如何使用Angular 6中的最新功能创建、测试、部署Angular应用程序。 

在本次培训结束后，学员将能够：

• 使用Angular CLI开发Angular 6应用程序
• 创建可在任何HTML页面中使用的Web组件
• 从Angular 6应用程序中使用REST Web服务和WebSocket数据
• 使用Angular 6的最新动画功能实现动画
• 测试、调试、部署Angular 6应用程序
• 使用最佳实践组织Angular 6项目

课程形式

• 互动讲座和讨论
• 大量练习和实操
• 在现场实验室环境中动手实现

注意

• 如需本课程的定制培训，请联系我们以作安排。
• 如需了解有关Angular的更多信息，请访问：https://angular.io/

介绍

• Angular 6有什么新特性？

Typescript和ES6 JavaScript概述

• TypeScript语法
• 使用TypeScript转换器
• 设置Angular 6和Typescript

Angular 6的部件概述

• 创建组件
• 数据绑定和字符串插值
• 属性绑定
• 事件绑定
• 双向数据绑定
• 数据建模
• 指令
• 引导（Bootstrapping）
• 输入和输出
• Angular CLI

创建你的第一个Angular应用程序

• 策划应用程序
• 使用CLI设置一个Angular项目和应用程序
• 使用Bootstrap 4和Sass创建一个基本项目设置

使用Angular 6组件

• 数据流
• 使用AppModule
• 使用自定义组件
• 使用模板和样式
• 使用样式封装（View Encapsulation）
• 映射内容
• 了解组件生命周期（Component Lifecycle）和生命周期钩子（Lifecycle Hooks）
• 使用ViewChildren和ContentChildren

在Angular 6中进行数据绑定

• 属性和事件绑定概述
• 为自定义属性绑定和设置别名
• 为自定义事件绑定和设置别名

使用指令

• 内置指令
• 自定义指令

Angular 6服务

• 创建日志记录服务
• 创建一个数据服务

使用依赖注入（Dependency Injection）和提供者（Providers）

• Injectors、Provider、Tokens
• 配置依赖注入
• 配置你的提供商
• 将服务注入到组件、指令和服务中

使用路由切换页面

• 设置路由
• 配置和加载路由
• 了解不同的导航方法
• 在路由中使用参数
• 创建嵌套路由
• 使用重定向和通配符路由
• 了解路由守卫
• 了解路由策略

使用RxJS在Angular中创建和使用Observable（可观察对象）

• Observable概述
• RxJS概述
• 在Angular中构建和使用Observable

处理表格

• 使用模板驱动表单
• 使用响应式表单

使用管道（Pipe）

• 内置管道
• 异步管道（Async Pipe）
• 自定义管道

调用外部HTTP API

使用Angular模块

测试Angular 6应用程序

• 使用Jasmine进行单元测试

调试应用程序

• 理解Angular中的错误消息
• 在浏览器中使用Sourcemaps调试代码
• 使用Augury

优化Angular 6应用程序

Angular 6安全

• 认证
• 什么应该和不应该写在Angular中

将Angular 6应用程序部署到生产环境

• 部署到IIS、Apache、Nginx等

故障排除

结束语