实战Angular从零到一
出版时间:2017
本书系统介绍Angular的基础知识与开发技巧,可帮助前端开发者快速入门。共有9章,第1章介绍Angular的基本概念,第2~7章从零开始搭建一个待办事项应用,然后逐步增加功能,如增加登录验证、将应用模块化、多用户版本的实现、使用第三方样式库、动态效果制作等。第8章介绍响应式编程的概念和Rx在Angular中的应用。第9章介绍在React中非常流行的Redux状态管理机制,这种机制的引入可以让代码和逻辑隔离得更好,在团队工作中强烈建议采用这种方案。本书不仅讲解Angular的基本概念和实践,而且分享了作者解决问题的过程和逻辑,讲解细腻,风趣幽默,适合有面向对象编程基础的读者阅读。
目录
- 前言
- 第1章认识Angular 1
- 1.1Angular 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.4Angular 2内建的HTTP方法 52
- 3.3.5JSONP和CORS 54
- 3.3.6页面展现 54
- 3.4小练习 58
- 第4章进化!将应用模块化 59
- 4.1一个复杂组件的分拆 59
- 4.1.1输入和输出属性 62
- 4.1.2CSS样式的一点小说明 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.3Angular 2动画再体验 159
- 7.3.1state和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.5Restful API的实验 182
- 7.6Angular 2的组件生命周期 185
- 7.7小练习 187
- 第8章Rx——隐藏在Angular中的利剑 188
- 8.1Rx再体验 190
- 8.2常见操作 194
- 8.2.1合并类操作符 195
- 8.2.2创建类操作符 203
- 8.2.3过滤类操作符 208
- 8.2.4Subject 210
- 8.3Angular 2中的内建支持 211
- 8.3.1Async管道 214
- 8.3.2Rx版本的Todo 216
- 8.4小练习 223
- 第9章用Redux管理Angular应用 224
- 9.1什么是Redux 224
- 9.1.1Store 225
- 9.1.2Reducer 225
- 9.1.3Action 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