Angular 进阶与实战

steven 查看讲师

百林哲咨询（北京）有限公司专家团队成员

曾负责滴滴出行公共前端团队负责人，带领团队完成了国内第一本Vue.js的书籍《Vue.js权威指南》，组织编写过Vue.js的公司级组件库以及构建等解决方案。组织参与了一些公司级的组件库开发和复杂业务模块的设计。

浏览：6904次

详情 DETAILS

简介

很多人可能觉得 Angular 2 相比 Angular 1 相差很大，还有人说 Angular 2强制单向数据流不再支持双向绑定了。我们如何快速地去高效地学习和应用 Angular 2呢？同时也给大家介绍一下国内移动互联网公司里面如何应用 Angular 2 开发项目？课程采用循序渐进的方式开展，不仅让大家对 Angular 2的技巧及常用场景具有更深入的理解和认识，并带领大家一起探索Angular 2在滴滴的实践，及过程中踩过的“坑”。系统梳理+案例分享+研讨互动，三位一体的为大家开展实战培训！

目标

快速了解和熟悉 Angular 2 基础知识以及开发工具

快速熟悉 Typescript在 Angular 2 的应用

快速熟悉 RxJS在 Angular 2 的应用

深入实战来了解 SPA 项目搭建

熟悉 Angular 2 中的前后端交互方式

了解组件原理，独立编写 Angular 2 组件

熟悉 1.0 和 2.0 的版本区别

了解 Angular 2 框架实现细节

课程时长

2 天（12H）

受众人群

有一定 js 基础或者对前端新技术感兴趣：

技术主管、架构师、各个阶段的前端开发、喜欢前端的后端开发、全栈开发

分享提纲

第一章 Typescript 基础	- 和 ES5 ES6等关系 - 特性和优点 - 工具介绍 - NPM安装 typescript - NPM 安装 ts-node - 类型参数 - 原生类型 - 自定义枚举类型 - Object 类型 - Tuple 类型 - Any 类型 - typings 工具 - 装饰器 - 访问修饰符 - 接口 - 在 Angular 2 的最常见应用
第二章 Angular 2	- 有何优势 - 和 Angular 1 的区别 - 概念简介 - Directive - Component - 脏值检测 - 管道 - 服务 - 新手常见问题
第三章 RxJS基础	- 是什么 - RxJS常见问题 - 在 Angular 2 中的配置和应用
第四章指令	- 内置 - ngFor - ngIf - ng-switch - ngSwitchWhen - ngSwitchDefault - ngModel - ngClass - ngStyle - ngNonBindable - 组件指令 - 结构化指令 - 属性指令 - 指令插件介绍 - angular2-infinite-scroll - 指令常见问题 - 指令实战
第五章开发工具	- IDE 推荐 - 如何调试 - 项目脚手架 angular-cli 介绍和使用
第六章与服务端交互方式	- HttpModule介绍 - 如何使用 - get - post - jsonp（JsonpModule） - 返回值处理 - 结合 RxJS - 如何处理 Promise - @angular/http 模块源码解析 - 常见问题
第七章管道	- 和 1.x 过滤器类似 - 内置管道 - LowerCasePipe / UpperCasePipe - JsonPipe - DatePipe - CurrencyPipe - DecimalPipe - PercentPipe - SlicePipe - AsyncPipe - 如何使用管道 - 开发一个管道 - @Pipe - PipeTransform
第八章路由和视图	- 路由插件使用 - @RouteConfig - Route - Redirect - routerLink - router-outlet - 类似 ng-view - 懒加载 AsyncRoute
第九章表单	- FORM_DIRECTIVES 指令集 - form - ngModel - ngControl - FORM_PROVIDERS - 表单校验器 - 内置表单校验器 - minlength - maxlength - 自定义
第十章组件开发和使用	- 基础：带有视图的指令 - Input 和 Output 属性 - 注解 - 模板 - 异步 - 生命周期 - 组件嵌套 - 脏值检测 - 实现方式 - DynamicChangeDetector - JitChangeDetector - 执行顺序 - 策略 - 和 1.* 的区别 - 常见问题 - 同一指令能否同时出现ngDoCheck 和 ngOnChanges
第十一章设计一个公司级组件库	- 文件结构 - 组件拆分 - 基于 2.0 和 1.0 开发差异 - 打包合并策略
第十二章依赖注入 DI	- @Injectable() - 组件中使用 DI 机制
第十三章源码实现分析	- 目录结构拆解和设计 - 元数据 - 脏值检测 - DI - 事件绑定
案例设计和研讨、QA环节：问题咨询	- 讨论