前端Angular2进阶培训

前端开发 / 2020-04-26 17:03:13
前端Angular2进阶培训
    马上咨询


    张老师  曾负责滴滴出行公共前端团队

    • 带领团队完成了国内第一本Vue.js的书籍《Vue.js权威指南》并受到 Vue.js作者的亲自审核和写序。
    • 2004年接触到Vue.js，国内最早一批应用Vue.js 从1.*到2.*到公司大型前端负责项目中，组织编写过Vue.js的公司级组件库以及构建等解决方案。
    • 同时也是应用了多个类似的MV*框架：从很早的backbone，再到13年开始接触的React和AngularJS，到后来的Polymer，在项目实战中踩过了各种坑，组织参与了一些公司级的组件库开发和复杂业务模块的设计，也在与之配套的工程化闭环里做了很多解决方案。


    课程收益

    • 快速了解和熟悉 Angular2 基础知识以及开发工具
    • 快速熟悉 Typescript在 Angular 2 的应用
    • 快速熟悉 RxJS在 Angular 2 的应用
    • 深入实战来了解 SPA项目搭建
    • 熟悉 Angular2 中的前后端交互方式
    • 深入剖析开源组件，了解组件原理，独立编写 Angular 2 组件
    • 熟悉 1.0和 2.0 的版本区别
    • 熟悉 2.0+后续的版本区别，如何做好升级准备
    • 熟悉 Angular2 框架实现细节
    • 对angular-cli 类的工程化工具的内部设计有比较深的了解

    课程大纲

    第一章 Typescript 基础
    - 和 ES5 ES6等关系
    - 特性和优点
    - 工具介绍
            - NPM安装 typescript
            - NPM 安装 ts-node
    - 类型参数
    - 原生类型
    - 自定义枚举类型
    - Object 类型
    - Tuple 类型
    - Any 类型
    - typings 工具
    - 装饰器
    - 访问修饰符
    - 接口
    - 在 Angular 2 的最常见应用

    第二章 Angular 2
    - 有何优势
    - 和 Angular 1 的区别
    - 和 Angular 2+ 的区别
    - 概念简介
    - Directive
    - Component
    - 脏值检测
    - 管道
    - 服务
    - 新手常见问题
    第三章 RxJS基础
    - 是什么
    - RxJS常见问题
    - 在 Angular 2 中的配置和应用
    第四章 指令
    - 内置
            - ngFor
            - ngIf
            - ng-switch
                    - ngSwitchWhen
                    - ngSwitchDefault
            - ngModel
            - ngClass
            - ngStyle
            - ngNonBindable
    - 组件指令
    - 结构化指令
    - 属性指令
    - 指令插件介绍
    - angular2-infinite-scroll
    - 指令常见问题
    - 指令实战
    第五章 开发工具
    - IDE 推荐
    - 如何调试
    - 项目脚手架 angular-cli 介绍和使用
    - 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环节：问题咨询

    最新动态

    点击阅读更多内容
    返回顶部