Angular 5

• 熟悉基本的HTML、CSS、JavaScript

Angular 5是用于构建移动、桌面和Web应用程序的现代JavaScript MVW (Model-View-Whatever) 框架。与之前的版本相比，Angular 5的一个显著特性是更快的加载和执行时间。Angular由Google创建，用于Google Adwords、Google Fiber、Adsense和其他服务。

在这一由讲师引导的现场培训中，学员将逐步创建和部署一个示例Angular应用程序并从中学习Angular 5的基础知识。

受众

• 网络开发初学者
• 有经验的前端开发人员
• 任何有兴趣学习如何使用Angular开发应用程序的人员
• 课程形式
• 部分讲座、部分讨论、练习和大量实操

介绍

Angular 5的背景和概述

ES6 JavaScript和TypeScript概述

设置Angular 5和Typescript

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

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

使用Angular 5的部件

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

使用Angular 5组件

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

在Angular 5中进行数据绑定

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

更详细地了解指令

• 内置指令
• 自定义指令

调试Angular 5应用程序

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

Angular 5服务

• 学习服务的重要性
• 创建日志记录服务
• 创建一个数据服务

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

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

使用路由切换页面

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

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

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

处理表格

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

使用管道（Pipe）

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

调用外部HTTP API

使用Angular模块

优化Angular 5应用程序

在Angular 5中执行基本的单元测试

部署Angular 5应用程序

故障排除

结束语