Angular 2 培训手册_多动症战士

Angular 2 培训手册多动症战士

Angular

27.96 万字

开始阅读现在订阅

简介

在过去三年半的时间里，AngularJS已经成为世界上数十万程序员的领先开源JavaScript应用程序框架。 AngularJS的“1.x”版本已被广泛使用，并且变得非常受欢迎的复杂应用程序。新的“Angular 2”也宣布了其最终版本。

简介

为什么是 Angular 2?

为什么不是 React？

聊聊技术选型-Angular vs Vue

状态管理

ES6

类

回顾一下 this

箭头函数

模板字符串

继承

委托

常量和块作用域变量

扩展语句和剩余参数

解构

模块

JavaScript工具链

TypeScript

TypeScript入门

使用 tsc

Linting

类型

TypeScript特性

TypeScript类

泛型

接口

Shapes

类型推断

类型关键字

装饰器

属性装饰器

类装饰器

参数装饰器

引导Angular应用

了解文件结构

引导Providers

Angular 中的组件

Angular 创建组件

Angular 组件的应用程序结构

Angular 投影

Angular 使用组件构建应用程序

指令

Angular 属性指令

Angular 结构指令

高级组件

Angular 组件生命周期

Angular 其他组件交互方式

Angular 视图封装

Angular ElementRef

Observable

Angular 使用Observable

Angular 错误处理

Angular 处理订阅和释放资源

Angular Observable VS Promise

Angular 使用其他来源的Observable

Angular 可观察数组操作

Angular “冷” vs “热” Observable

总结

Angular 依赖注入

什么是依赖注入

依赖注入框架

Angular 的依赖注入

HTTP

Angular HTTP请求

Angular 捕获异常

Angular Http 拦截器

Angular 进度事件

变化检测

Angularjs与Angular的变化检测策略

Angular 变化检测如何工作

Angular 更改检测器类

Angular 变更检测策略：OnPush

Angular 强制不变性

Zone.js

概述

Zone 传播

上下文环境

拦截

Angular 进阶

Angular 创建属性指令

Angular 创建结构指令

Angular 2 的 AoT

Immutable.js

什么是不可变性

不变性的应用场景

JavaScript解决方案

Immutable.js基础

管道

Angular 使用管道

Angular 自定义管道

Angular 状态管道

表单

入门

Angular 模板驱动的表单

Angular 响应式/模型驱动的表单

Angular 用户的视觉提示

模块

什么是Angular 2模块？

Angular 将组件，管道和服务添加到模块

Angular 创建功能模块

Angular 指令复制

Angular 延迟加载模块

Angular 延迟加载和依赖注入树

Angular 共享模块和依赖注入

Angular 共享相同的依赖注入树

路由

Angular 配置路由

Angular 将路由器重定向到另一条路由

Angular 定义路由之间的链接

Angular 动态添加路由组件

Angular 使用路由参数

Angular 定义子路由

Angular 路由拦截

Angular 将可选参数传递给路由

Angular 使用辅助路由

状态管理

示例应用

使用选择器读取应用程序状态

Actions

通过Dispatching Actions 修改应用 State

Reducers 和纯函数

Reducers 的 State 管理

配置你的应用

更多Redux和Ngrx资源

将@ngrx添加到你的项目

定义应用的主状态

动画

TDD测试

测试工具链

测试设置

简单测试

使用Chai

验证方法和属性

注入依赖和DOM修改

覆盖测试的依赖关系

测试异步操作

测试服务

测试HTTP请求

异步执行测试

测试Redux

将Angular1.x项目迁移到Angular 2

迁移准备

选择升级途径

Webpack

安装和使用

Loaders

插件

总结

NPM脚本集成

Angular CLI

创建

CLI命令概述

添加第三方库

Angular 国际化

过程什么样的，如何参与？

使用Angular CLI提取翻译文本

如何导入已完成的翻译文件

其它

最佳实践与填坑的积累

The case for ZoneDelegate

任务调度

任务

Angular：为什么是 TypeScript？

使用 Redux 与 Components

Redux和组件架构