【现货速发】Angular开发实战

前    言
读懂本书
未来前端开发有发展前途吗？
前端开发目前在国内非常火，随着前端开发市场持续扩大，不仅仅是网页，甚至移动端、PC端应用都可以使用前端技术进行开发。现在国内的一线大公司都已经使用前端技术来开发自己的手机App了，比如微信小程序、淘宝天猫、、饿了么等，其火爆程度一目了然。
——现在入门还来得及吗？种一棵树好的时间是十年前，其次是现在！
你还在用jQuery吗？已经过时啦！
虽然有很多旧网站还在使用jQuery，但是大多数公司的招聘标准早已改变。前端开发在这些年飞速发展，技术更新速度很快，如果想保持自己的竞争力，必须持续保持学习状态。现在想在前端开发领域找到一份好工作，则必须学好 Angular、React、Vue三大框架！
——各大招聘网站都可以搜一搜看一看，要不要学，你看着办！
Angular在前端开发中有哪些优势？
Angular作为一个比较大而全的前端框架，它使用TypeScript进行开发，包含服务、模板、双向绑定、路由、依赖注入等各种便捷的功能，可以让你的开发效率事半功倍。Angular由Google公司开发并维护，有着众多的开发者和活跃的社区支持，而且中文文档翻译十分全面。
——三大框架选择困难怎么办？小孩才做选择，成年人全部都要！
本书真的适合你吗？
只要你拥有一定的前端开发基础或者有AngularJS的开发经验，那么本书就能帮助你顺利入门Angular7。从环境搭建到TypeScript语法讲解，从内置指令到组件表单的每一个知识点，我们都手把手地教你学会。
——知识点太多怕学不会？不用担心，每个章节都配有例子帮助你理解关键的知识点。
本书涉及的技术或框架
? HTML
? CSS 
? Chrome浏览器调试
? Angular
? HTTP
? Karma
? NPM
? Git
? JavaScript
? SCSS
? JSON
? Ng-Zorro
? HTTPS
? Protractor
? Node.js
? Visual Studio Code
? TypeScript 
? LESS
? Json-serve
? Ng-Alain
? Jasmine
? Postman
? CNpm
本书涉及的示例和案例
? Hello Angular
? 自定义结构型指令
? 路由框架的搭建
? 单元测试常用API
? 城市组件
? 用户信息页
? 端对端测试常用API
? 使用json-server实现增删改查
? 待办列表
? 商城后台管理系统
? 制作一个HTTP拦截器 
? 在登录组件实现模板驱动型表单
? 使用响应式表单构建个人资料页
本书特点
（1）实例为主、理论为辅，本书以理论知识的介绍为辅，以大量代码示例为主，通过众多精心选择的典型例子，帮助读者更好地理解Angular7开发中的重点、难点。
（2）循序渐进、轻松易学，本书的章节安排由浅入深，从简单的知识点开始，一点点增加难度，激发读者的阅读兴趣，让读者能够真正学习到Angular的使用技巧。
（3）技术新颖、与时俱进，采用目前的Angular7版本，避免学习旧版本导致知识不通用。结合时下热门的技术，如Node.js、json-server、Ng-Zorro等，让读者在学习Angular的同时，了解熟识更多相关的流行技术。对于无法全面讲解的一些框架，还给出了官方文档的详细网络地址以便于读者上网查阅。
（4）贴近读者、结合实际，书中使用的UI（用户界面）框架、自动测试框架等，都是实际开发中常见的、使用率高的框架，保证读者可以学以致用。
本书读者
? Angular开发初学者
? 前端开发工程师
? 前端架构师
? 从事后端开发且对前端开发技术有兴趣的人员
? 想学习Angular自己开发网页的人员
? 可作为高校和培训学校相关专业的Web前端开发实践教程
代码下载
本书示例代码下载地址：https://share.weiyun.com/5zjTnFL（注意区分数字与字母的大小写）。如果下载有问题，请联系booksaga@163.com，邮件主题为“Angular开发实战”。

作者
2019年7月

前端开发市场火热，Angular称为前端三大必学框架之一。本书是一本为学习Angular7的开发人员量身定制的快速入门教材，书中实践案例多，适合喜欢边学习边动手实践的读者。 本书分为12章，内容包括Angular7开发环境、TypeScript语法、指令、组件、依赖注入、HTTP、表单验证、路由、自动化测试、json-server后台模拟环境的搭建、待办列表实战、商城后台管理系统实战等。 本书内容详尽、示例丰富，适合Angular初学者，同时也适合高等院校与培训学校计算机相关专业作为教材使用。

李一鸣，主攻前端和Angular开发，6年前端开发经验，能带领前端混合开发团队利用技术解决业务快速发展过程中的各种业务场景问题。熟悉客户端开发，有多个上架APP，有服务端开发经验。目前在公司担任项目经理，管理前端团队。

目   录
第1章  初识Angular 1
1.1  ANGULAR简介 1
1.1.1  AngularJS 1.x 的诞生 2
1.1.2  快速发展的 Angular 2
1.1.3  三分天下的前端框架 3
1.1.4  未来的选择 4
1.2  搭建开发环境 4
1.2.1  安装Node.js和NPM 4
1.2.2  安装Git 6
1.2.3  安装Angular CLI 7
1.2.4  开发工具的选择 7
1.2.5  安装Angular辅助编码插件 9
1.3  实战练习：个ANGULAR程序 10
1.3.1  Hello Angular 10
1.3.2  Angular目录结构 10
1.3.3  Angular CLI详解 12
1.3.4  如何学习Angular 14
1.4  ANGULAR UI库 14
1.4.1  NG-ZORRO 14
1.4.2  Angular Material 15
1.4.3  ng-bootstrap 16
1.4.4  Ionic 16
1.5  小结 17
第2章  初识TypeScript 18
2.1  TYPESCRIPT简介 18
2.1.1  动态类型语言与静态类型语言 18
2.1.2  开发环境的搭建 19
2.2  数据类型 20
2.2.1  布尔类型 20
2.2.2  数字类型 20
2.2.3  字符串类型 21
2.2.4  数组类型与元组类型 21
2.2.5  枚举类型 21
2.2.6  any类型 22
2.2.7  void类型 22
2.2.8  null与undefined类型 22
2.3  函数 23
2.3.1  函数的使用 23
2.3.2  构造函数 23
2.3.3  可选参数 24
2.3.4  默认参数 24
2.3.5  箭头函数 25
2.4  类 26
2.4.1  属性与方法 26
2.4.2  类的继承 26
2.4.3  访问权限修饰符 27
2.5  小结 28
第3章  指令 29
3.1  指令的分类 29
3.1.1  组件 29
3.1.2  结构型指令 30
3.1.3  属性型指令 30
3.2  内置指令 30
3.2.1  ngFor 30
3.2.2  ngIf 30
3.2.3  ngSwitch 31
3.2.4  ngStyle 31
3.2.5  ngClass 32
3.2.6  ngNonBindable 32
3.3  实战练习：自定义结构型指令 32
3.3.1  星号前缀 33
3.3.2  创建一个结构型指令 33
3.3.3  响应用户操作 34
3.4  小结 36
第4章  使用组件打造你的项目 37
4.1  组件 37
4.1.1  组件的组成 37
4.1.2  组件化思想 38
4.2  注解 38
4.3  生命周期 39
4.4  数据传递 39
4.4.1  数据的输入 40
4.4.2  数据的输出 42
4.5  实战练习：城市组件 44
4.6  小结 47
第5章  依赖注入 48
5.1  控制反转与依赖注入 48
5.1.1  控制反转 48
5.1.2  依赖注入 49
5.2  ANGULAR中的依赖注入 50
5.2.1  Injector（注入器） 50
5.2.2  Provider（提供者） 51
5.2.3  Dependence（依赖） 52
5.2.4  依赖注入的流程 52
5.3  实战练习：用户信息页 52
5.4  小结 56
第6章  HTTP 57
6.1  HTTPCLIENT——发送条网络请求 57
6.2  HTTP协议基础知识 59
6.2.1  请求方法 59
6.2.2  HTTP状态码 60
6.2.3  请求报文 61
6.3  HTTP与HTTPS 63
6.3.1  为什么需要HTTPS 63
6.3.2  什么是 HTTPS 63
6.3.3  HTTPS工作过程 63
6.3.4  申请HTTPS 64
6.3.5  为什么不一直使用HTTPS 65
6.4  实战练习：制作一个HTTP拦截器 65
6.5  小结 68
第7章  表单 69
7.1  ANGULAR中的表单 69
7.1.1  响应式表单与模板驱动型表单 69
7.1.2  FormBuilder 70
7.2  实战练习：模板驱动型表单 70
7.2.1  创建模板驱动型表单项目 70
7.2.2  在登录组件实现模板驱动型表单 71
7.3  实战练习：响应式表单 74
7.3.1  创建响应式表单项目 74
7.3.2  使用响应式表单构建个人资料页 75
7.4  小结 78
第8章  路由 79
8.1  路由的基本用法 79
8.1.1  路由的配置 79
8.1.2  让路由与组件对应 80
8.1.3  设置默认路径 82
8.2  路由的位置策略 83
8.2.1  HashLocationStrategy 83
8.2.2  如何使用位置策略 83
8.2.3  如何选择两种位置策略 84
8.3  路由的跳转与传参 85
8.3.1  路由的跳转 85
8.3.2  路由的传参 86
8.4  子路由 91
8.5  实战练习：路由框架的搭建 93
8.6  小结 96
第9章  Angular中的测试 97
9.1  测试的意义 97
9.2  个测试例子 98
9.3  ANGULAR测试工具 100
9.3.1  Jasmine 100
9.3.2  Karma 102
9.3.3  实战练习：单元测试常用API 103
9.4  端对端测试 108
9.4.1  Protractor 108
9.4.2  实战练习：端对端测试常用API 108
9.5  小结 113
第10章  后台模拟环境的搭建 114
10.1  前后端分离 114
10.2  POSTMAN的安装与使用 115
10.2.1  Postman的安装 115
10.2.2  Postman的使用 116
10.3  JSON-SERVER的安装与使用 117
10.3.1  json-server的安装与配置 118
10.3.2  个json-server程序 120
10.4  实战练习：使用JSON-SERVER实现增删改查 121
10.4.1  项目的创建与配置 121
10.4.2  数据的查询与删除 122
10.4.3  数据的新增与编辑 125
10.5  小结 130
第11章  项目实战：待办列表 131
11.1  待办列表设计 131
11.2  待办列表的创建 133
11.2.1  CLI版本与UI样式库 133
11.2.2  项目的创建 133
11.3  待办列表开发 135
11.3.1  主面板组件的开发 135
11.3.2  待办项组件的开发 138
11.3.3  弹出式窗口组件的开发 142
11.4  修改为网络请求应用 150
11.4.1  后台环境的配置 150
11.4.2  使用json-server实现网络请求版 151
11.5  小结 156
第12章  项目实战：商城后台管理系统 157
12.1  项目设计 157
12.2  项目起步 160
12.2.1  框架选型 160
12.2.2  项目的创建 161
12.3  路由构建 163
12.3.1  组件的创建 163
12.3.2  路由的配置 163
12.4  资产盘点模块的开发 170
12.4.1  资产概况的开发 170
12.4.2  交易数据分析的开发 174
12.5  商品管理模块的开发 177
12.5.1  商品查询的开发 177
12.5.2  商品新增/编辑的开发 180
12.6  个人中心模块的开发 184
12.6.1  个人资料查看的开发 184
12.6.2  个人资料设置的开发 186
12.7  消息管理模块的开发 189
12.8  小结 192

前端开发市场火热，Angular称为前端三大必学框架之一。本书是一本为学习Angular7的开发人员量身定制的快速入门教材，书中实践案例多，适合喜欢边学习边动手实践的读者。 本书分为12章，内容包括Angular7开发环境、TypeScript语法、指令、组件、依赖注入、HTTP、表单验证、路由、自动化测试、json-server后台模拟环境的搭建、待办列表实战、商城后台管理系统实战等。 本书内容详尽、示例丰富，适合Angular初学者，同时也适合高等院校与培训学校计算机相关专业作为教材使用。

李一鸣，主攻前端和Angular开发，6年前端开发经验，能带领前端混合开发团队利用技术解决业务快速发展过程中的各种业务场景问题。熟悉客户端开发，有多个上架APP，有服务端开发经验。目前在公司担任项目经理，管理前端团队。