您当前的位置:首页>课程>Angular 进阶与实战

Angular 进阶与实战

浏览:2588
分享

steven Read more

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

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

简介

很多人可能觉得 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环节:问题咨询- 讨论




我要参加

可同时提交您的需求,我们会及时与您联系

预约内训

将课程带入到您的团队,为您的团队进行一对一辅导。

相关课程