课程简介
课程总计16小时，针对Angular新版本，案例以Clarity组件库为基础编写。
目标收益
1. 掌握Angular框架的核心概念和设计思想；
2. 熟练使用Angular进行业务开发；
3. 基础好的同学可以达到封装UI Library的水平；
培训对象
1. 有AngularJS 1.x使用经验的开发者；
2. 有其它前端框架使用经验的开发者（如jQuery、ExtJS、Adobe Flex、React、Vue等均可）；
3. 有后端编程经验（如Java、.NET、PHP等均可），希望学习前端技术的开发者；
课程大纲
| 第一节：给各位补充必要的基础知识和历史背景 |
JavaScript的前世今生 ECMA标准发展史 ES6核心特性简介 TypeScript快速上手教程 前端框架发展简史 |
| 第二节：Angular核心概念主题演讲 | Angular核心概念主题演讲 |
| 第三节：搭建Angular开发环境 |
git node @angular/cli |
| 第四节：组件基本用法 |
组件 模板 引用外部CSS样式 动效 数据绑定与事件绑定 组件间通讯（@Input、@Output、事件总线） 生命周期钩子 服务 管道 |
| 第五节：组件的高级用法 |
动态组件 ng-content与projection slots @ContentChild/@ContentChildren/@ViewChild/@ViewChildren （这可能是Angular里面最绕的几个东西了） |
| 第六节：指令 |
属性指令 结构型指令 @HostListener与@HostBinding |
| 第七节：模块与共享模块 |
模块的基本用法 抽出共享模块 |
| 第八节：路由基本用法 |
路由基本用法 N层嵌套 懒加载模块 处理路由事件 |
| 第九节：路由高级玩法 |
辅助路由 动态路由 模块预加载 路由守卫 |
| 第十节：表单与数据校验 |
模板驱动型表单 数据驱动型表达 响应式表单 基本数据校验 服务端异步校验 |
| 第十一节：RxJS |
RxJS与Promise对比学习 RxJS在Angular中的2个典型使用场景 |
| 第十二节：i18n | i18n |
| 第十三节：前端自动化测试 |
单元测试 集成测试 |
| 第十四节：一款基于Ionic的Hybrid应用实例讲解 |
一款基于Ionic的Hybrid应用实例讲解 |
|
第一节：给各位补充必要的基础知识和历史背景 JavaScript的前世今生 ECMA标准发展史 ES6核心特性简介 TypeScript快速上手教程 前端框架发展简史 |
|
第二节：Angular核心概念主题演讲 Angular核心概念主题演讲 |
|
第三节：搭建Angular开发环境 git node @angular/cli |
|
第四节：组件基本用法 组件 模板 引用外部CSS样式 动效 数据绑定与事件绑定 组件间通讯（@Input、@Output、事件总线） 生命周期钩子 服务 管道 |
|
第五节：组件的高级用法 动态组件 ng-content与projection slots @ContentChild/@ContentChildren/@ViewChild/@ViewChildren （这可能是Angular里面最绕的几个东西了） |
|
第六节：指令 属性指令 结构型指令 @HostListener与@HostBinding |
|
第七节：模块与共享模块 模块的基本用法 抽出共享模块 |
|
第八节：路由基本用法 路由基本用法 N层嵌套 懒加载模块 处理路由事件 |
|
第九节：路由高级玩法 辅助路由 动态路由 模块预加载 路由守卫 |
|
第十节：表单与数据校验 模板驱动型表单 数据驱动型表达 响应式表单 基本数据校验 服务端异步校验 |
|
第十一节：RxJS RxJS与Promise对比学习 RxJS在Angular中的2个典型使用场景 |
|
第十二节：i18n i18n |
|
第十三节：前端自动化测试 单元测试 集成测试 |
|
第十四节：一款基于Ionic的Hybrid应用实例讲解 一款基于Ionic的Hybrid应用实例讲解 |
近期公开课推荐
