Angular从零到一系统介绍Angular的基础知识与开发技巧,可帮助前端开发者快速入门。共有9章,第1章介绍Angular的基本概念,第2~7章从零开始搭建一个待办事项应用,然后逐步增加功能,如增加登录验证、将应用模块化、多用户版本的实现、使用第三方样式库、动态效果制作等。第8章介绍响应式编程的概念和Rx在Angular中的应用。第9章介绍在React中非常流行的Redux状态管理机制,这种机制的引入可以让代码和逻辑隔离得更好,在团队工作中强烈建议采用这种方案。本书不仅讲解Angular的基本概念和*佳实践,而且分享了作者解决问题的过程和逻辑,讲解细腻,风趣幽默,适合有面向对象编程基础的读者阅读。
目录
- 前言
- 第1章 认识Angular 1
- 1.1 Angular 2简介 1
- 1.2 环境配置要求 2
- 1.3 第一个小应用 Hello Angular 3
- 1.4 第一个组件 6
- 1.5 一些基础概念 8
- 1.5.1 元数据和装饰器 8
- 1.5.2 模块 10
- 1.5.3 组件 12
- 1.6 引导过程 13
- 1.7 代码的使用和安装 14
- 第2章 用Form表单做一个登录控件 15
- 2.1 对于login组件的小改造 17
- 2.2 建立一个服务完成业务逻辑 21
- 2.3 双向数据绑定 26
- 2.4 表单数据的验证 28
- 2.5 验证结果的样式自定义 34
- 2.6 组件样式 36
- 2.7 小练习 37
- 第3章 建立一个待办事项应用 38
- 3.1 建立routing的步骤 38
- 3.1.1 路由插座 40
- 3.1.2 分离路由定义 41
- 3.2 让待办事项变得有意义 43
- 3.3 建立模拟Web服务和异步操作 47
- 3.3.1 构建数据模型 48
- 3.3.2 实现内存Web服务 49
- 3.3.3 内存服务器提供的Restful API 50
- 3.3.4 Angular 2内建的HTTP方法 52
- 3.3.5 JSONP和CORS 54
- 3.3.6 页面展现 54
- 3.4 小练习 58
- 第4章 进化!将应用模块化 59
- 4.1 一个复杂组件的分拆 59
- 4.1.1 输入和输出属性 62
- 4.1.2 CSS样式的一点小说明 70
- 4.1.3 控制视图的封装模式 72
- 4.2 封装成独立模块 72
- 4.3 更真实的Web服务 76
- 4.4 完善Todo应用 78
- 4.5 填坑,完成漏掉的功能 82
- 4.5.1 用路由参数传递数据 82
- 4.5.2 批量修改和批量删除 86
- 4.6 小练习 90
- 第5章 多用户版本应用 91
- 5.1 数据驱动开发 91
- 5.2 验证用户账户的流程 96
- 5.2.1 核心模块 97
- 5.2.2 路由守卫 98
- 5.3 路由模块化 105
- 5.4 路由的惰性加载——异步路由 106
- 5.5 子路由 108
- 5.6 用VSCode进行调试 112
- 5.7 小练习 116
- 第6章 使用第三方样式库及
- 模块优化 117
- 6.1 生产环境初体验 117
- 6.2 更新angular-cli的方法 120
- 6.3 第三方样式库 121
- 6.4 第三方JavaScript类库的集成方法 125
- 6.5 模块优化 132
- 6.6 多个不同组件间的通信 134
- 6.7 方便的管道 140
- 6.7.1 自定义一个管道 142
- 6.7.2 内建管道的种类 143
- 6.8 指令 145
- 6.9 小练习 148
- 第7章 给组件带来活力 149
- 7.1 更炫的登录页 149
- 7.1.1 响应式的CSS框架 149
- 7.1.2 寻找免费的图片源 153
- 7.2 自带动画技能的Angular 2 157
- 7.3 Angular 2动画再体验 159
- 7.3.1 state和transition 159
- 7.3.2 奇妙的animate函数 164
- 7.3.3 关键帧 166
- 7.4 完成遗失已久的注册功能 168
- 7.5 响应式表单 173
- 7.5.1 表单控件和表单组 176
- 7.5.2 表单提交 179
- 7.5.3 表单验证 179
- 7.5.4 表单构造器 181
- 7.5.5 Restful API的实验 182
- 7.6 Angular 2的组件生命周期 185
- 7.7 小练习 187
- 第8章 Rx——隐藏在Angular中的利剑 188
- 8.1 Rx再体验 190
- 8.2 常见操作 194
- 8.2.1 合并类操作符 195
- 8.2.2 创建类操作符 203
- 8.2.3 过滤类操作符 208
- 8.2.4 Subject 210
- 8.3 Angular 2中的内建支持 211
- 8.3.1 Async管道 214
- 8.3.2 Rx版本的Todo 216
- 8.4 小练习 223
- 第9章 用Redux管理Angular应用 224
- 9.1 什么是Redux 224
- 9.1.1 Store 225
- 9.1.2 Reducer 225
- 9.1.3 Action 226
- 9.2 为什么要在Angular中使用 227
- 9.3 如何使用Redux 231
- 9.3.1 简单内存版 231
- 9.3.2 时光机器调试器 239
- 9.3.3 带HTTP后台服务的版本 242
- 9.3.4 一点小思考 247
- 9.3.5 用户登录和注册的改造 248
- 9.4 小练习 256
- 9.5 小结 256