学Angular？从这里开始！

Posted 2021-04-26 图灵教育

引子

这本书堪称Angular领域的里程碑式著作，它涵盖了关于Angular的几乎所有内容...

对于没有经验的开发者，它平实、通俗的讲解，递进、严密的组织，可以让人毫无压力地登堂入室，迅速领悟新一代Web应用开发的精髓。

对于有经验的开发者，它对Angular概念和技术细节的全面剖析，以及引人入胜、切中肯綮的讲解，将帮助你彻底掌握这个框架，在自己职业技术修炼之路上更进一步。

页数：512

• Angular领域里程碑式著作，资深全栈开发工程师经验汇集

• 雪狼带领的Nice Angular社区主力倾情翻译

• Google Angular项目经理兼主管Naomi Black、Google开发技术推广部大中华区主管栾跃推荐阅读

  特别说明

2017年3月底，Angular 4.0发布！是的，过一阵子还有Angular 5/6/7/8……这本书会很快过时吗？答案是“不会”。Angular开发组对于未来的版本号及发布计划有一个正式的说明，大意是：

我们要兼顾向后兼容和向前演进，因此以后我们将严格遵循SemVer语义化版本规范，并力求让版本升级变得可预测，以便使用者可以提前安排。在大版本号之间会出现少量破坏性变更，但是不用担心，相邻的大版本号之间只会把一些API标记为废弃的。也就是说，理想情况下，4的程序是可以直接迁移到5的，只是会收到一些API废弃提示，到6中才会彻底移除。同时，官方会在文档中给出详细的升级指南，帮助开发者升级。

因此，尽请放心，Angular以后绝不会出现像从1升级到2这么大的变化。事实上，NodeJS现在采用的就是类似的版本策略，提高发布的可预测性对于工程化开发是很有价值的。

另外，这里为什么没有3？简单点说就是因为路由模块比其他模块多发布过一次，因此当你使用core模块的2.0时，和它配套的router模块却是3.0的，这容易让开发人员困惑，跳过3，可以让所有模块的编号重新对齐。

  作译者团队  

Ari Lerner　 

全栈工程师，拥有多年Angular经验，自办并运营Angular电子报ng-newsletter.com，在著名硅谷工程师培训学校Hack Reactor担任AngularJS讲师。Fullstack.io创始人。 

Felipe Coury　 
Gistia Labs联合创始人兼CTO。 

Nate Murray　 
全栈工程师，曾任职于IFTTT，拥有数据挖掘和增量Web服务等方面的背景。 

Carlos Taborda　 
Gistia Labs联合创始人兼主管。

雪狼

汪志成，网名雪狼。ThoughtWorker & Google开发者专家（GDE），拥有18年软件开发经验，崇尚简单、专业、分享，“好为人师，好为人师”；合著有《AngularJS深度剖析与最佳实践》。

破狼

格茸扎西，网名破狼。ThoughtWorks一线码农、架构师、咨询师；爱好读书和旅游，也常涂鸦一些技术博文；合著有《AngularJS深度剖析与最佳实践》；国内Angular最早布道者，Nice Angular社区“狼主”。

叶志敏

虽留英多年、远漂他乡、四处奔波，一颗热爱软件开发的心却依旧如初。多年前曾与雪狼共事，合作愉快，因此成为好朋友。由雪狼推荐进入Angular世界，使用Angular和.NET平台开发软件多年。从Alpha阶段开始使用Angular。与雪狼合作，翻译Angular官方文档站，并经过Angular团队的推荐，承接翻译本书的重任。

Hantsy

拥有15年软件工程经验。2012年曾受JBoss（RedHat子公司）邀请前往波士顿参加JBoss用户和开发人员年度大会，并获得JBoss Community Recognition Awards。现为自由职业者，远程工作多年。

张旋

PMP、ACP、NPDP，中科院计算所烟台分所集成应用中心主任。1982年生人，1996年起接触编程。正式从事软件工作行业11年。擅长项目管理、团队管理、技术体系建设。非常喜欢研究和对比各种新技术，生成适合工程使用的技术栈，并灌输到整个团队中去。

郑丰彧

网名Z，现就职于大商集团天狗网，Angular爱好者，喜欢函数式编程、WebGL。

王子实

现任光辉城市全栈工程师。1992年生，自学生时代便喜好编程，一直以来对各种新技术非常着迷，乐于对其进行研究与探索，并将成果在团队中进行推广，以提升整体效率。

译者分工

章节

第1章

第2章

第3章

第4章

第5章

第6章

第7章

第8章

第9章

第10章

第11章

第12章

第13章

第14章

第15章

第16章

翻译

雪狼/叶志敏

破狼

张旋

郑丰彧

破狼

王子实

叶志敏

雪狼

郑丰彧

郑丰彧

郑丰彧

郑丰彧

郑丰彧

郑丰彧

Hantsy

雪狼

一校

郑丰彧

破狼

张旋

郑丰彧

破狼

王子实

叶志敏

雪狼

郑丰彧

郑丰彧

郑丰彧

郑丰彧

郑丰彧

郑丰彧

Hantsy

雪狼

二校

郑丰彧

雪狼

雪狼

雪狼

雪狼

雪狼

叶志敏

雪狼

雪狼

Hantsy

Hantsy

雪狼

雪狼

雪狼

叶志敏

张旋

▲向上滑动查看大咖推荐

“很高兴这本《Angular权威教程》成为Angular中文资源的一部分，希望它能广受欢迎，给中国的Angular社区提供一份令人愉悦的学习资源，也希望它帮助更多工程师开始使用下一代Angular框架来开发应用。” 

——Naomi Black，

Google Angular项目经理兼主管 

“作为一项开源技术和前沿Web开发框架，Angular持续吸引着中国区开发人员的关注。作为雪狼及其所属Nice Angular社区的集体工作成果，这本书是开源力量的又一次证明，证明这种热情、这种志愿精神确实可以帮助业界享受到全球最新的开发技术。” 

——栾跃，

Google开发技术推广部大中华区主管 

“作者们太棒了！如果没有这本书，真不知道我该怎么学习Angular。你们让学习并跟进Angular变得更简单了。再次感谢！” 

——Jacob Cheriathundam，AccountsPRO公司CTO、

高级开发工程师兼开发架构师 

“我刚刚读完这本书，认为它是目前学习Angular的最佳材料。” 

——Jegor Uglov，

BlaBlaBlogger产品主管 

“如果你和我一样是一名经验丰富的开发者，并且在积极寻找关于Angular最新信息的高效来源，那就别再找了！这本书就是目前最棒的参考资料，简洁易懂、结构合理。” 

——Frederic Filiatrault，TEKsystem公司高级软件工程师

“我在书中获取了大量有价值的信息，而这是在其他网络资源中无法做到的。在我深入这些前沿工具和主题的时候，这本书给了我极大帮助。” 

——Sean McGill，

Anexinet公司高级顾问

图书目录         

第1章　编写你的第一个Angular Web应用    1

1.1　仿制Reddit网站

1.2　起步

1.3　运行应用

1.4　把数据添加到组件中

1.5　使用数组

1.6　使用UserItemComponent组件

1.7  “启动”速成班

1.8　扩展你的应用

1.9　渲染多行

1.10　添加新文章

1.11　最后的修整

1.12　全部代码

1.13　总结

1.14　获得帮助

第2章　TypeScript　47

2.1　Angular是用TypeScript构建的

2.2　TypeScript提供了哪些特性

2.3　类型　

2.4　内置类型　

2.5　类　

2.6　工具　

2.7　总结

第3章　Angular的工作原理　60

3.1　应用

3.2　产品数据模型

3.3　组件

3.4　组件注解

3.5　产品列表组件

3.6　产品条目组件

3.7　产品图片组件

3.8　价格展示组件

3.9　产品分类组件

3.10　创建NgModule并启动应用

3.11　完整的项目

3.12　关于数据架构的一点说明

第4章　内置指令　91

4.1　简介

4.2　ngIf

4.3　ngSwitch

4.4　ngStyle

4.5　ngClass

4.6　ngFor

4.7　ngNonBindable

4.8　总结

第5章　Angular中的表单　103

5.1　表单——既重要，又复杂

5.2　FormControl和FormGroup

5.3　我们的第一个表单

5.4　使用FormBuilder

5.5　响应式表单 FormBuilder

5.6　添加验证

5.7　监听变化

5.8　ngModel

5.9　总结

第6章　HTTP　125

6.1　简介

6.2　使用 @angular/http

6.3　基本请求

6.4　编写YouTubeSearchComponent

6.5　@angular/http API

6.6　总结

第7章　路由　152

7.1　为什么需要路由

7.2　客户端路由的工作原理

7.3　编写第一个路由配置

7.4　Angular路由的组成部件

7.5　整合

7.6　路由策略

7.7　路径定位策略

7.8　运行应用程序

7.9　路由参数

7.10　音乐搜索应用

7.11　路由器钩子

7.12　嵌套路由

7.13　总结

第8章　依赖注入　195

8.1　注入示例：PriceService

8.2  “别打给我们……”

8.3　依赖注入的部件

8.4　尝试注入器

8.5　用NgModule提供依赖

8.6　提供者

8.7　应用中的依赖注入

8.8　使用注入器

8.9　替换值

8.10　NgModule

8.11　总结

第9章　Angular数据架构　220

第10章　使用可观察对象的数据架构，第1部分：服务

10.1　可观察对象和RxJS

10.2　聊天应用概览

10.3　实现数据模型

10.4　实现UserService

10.5　MessagesService

10.6　ThreadsService

10.7　总结

第11章　使用可观察对象的数据架构，第2部分：视图组件　252

11.1　构建视图：顶层组件ChatApp

11.2　ChatThreads组件

11.3　单个ChatThread组件

11.4　ChatWindow组件

11.5　ChatMessage组件

11.6　ChatNavBar组件

11.7　总结

11.8　更进一步

第12章　基于TypeScript的Redux 简介　278

12.1　Redux

12.2　Redux核心概念

12.3　保存state

12.4　消息应用

12.5　在Angular中使用Redux

12.6　规划应用

12.7　组建Redux

12.8　CounterApp组件

12.9　提供store

12.10　启动应用

12.11　CounterComponent

12.12　更进一步

12.13　参考资源

第13章　在Angular中引入Redux　312

13.1　阅读背景

13.2　聊天应用概览

13.3　实现数据模型

13.4　应用的state

13.5　构建reducer（和action creator）

13.6　构建Angular聊天应用

13.7　构建ChatNavBar

13.8　构建ChatThreads组件

13.9　单个ChatThread组件

13.10　构建ChatWindow组件

13.11　ChatMessage组件

13.12　总结

第14章　高级组件　349

14.1　样式

14.2　创建popup指令：引用并修改宿主元素

14.3　使用内容投影创建消息面板

14.4　查询相邻的指令：编写标签页

14.5　生命周期钩子

14.6　高级模板

14.7　变更检测

14.8　总结

第15章　测试    410

15.1　测试驱动？

15.2　端对端测试与单元测试

15.3　测试工具

15.4　编写单元测试

15.5　Angular单元测试框架

15.6　测试前准备

15.7　测试服务类和HTTP

15.8　测试组件间的路由

15.9　回到测试代码

15.10　测试表单

15.11　测试HTTP请求

15.12　总结

第16章　把AngularJS应用升级到Angular　453

16.1　周边概念

16.2　我们要构建什么

16.3　把AngularJS映射到Angular

16.4　关于互操作性的需求

16.5　AngularJS应用

16.6　构建混合式应用

16.7　总结

16.8　参考资源 

本书五一后即可在京东、当当、亚马逊、互动全面上架，目前，亚马逊和互动已率先到货，长按识别以下二维码购买。

长按二维码亚马逊直接购买

长按二维码京东预定购买

   购书福利    

购买纸质版之后，凭借纸质版封底刮刮卡上的9位英文编码，大家可以到图灵社区《Angular权威教程》的页面http://www.ituring.com.cn/book/1874登记，不仅可以收获定价10%的银子，还能收到一封带有电子版优惠码的提醒邮件，以纸质版定价的10%购买电子版。

赠书

Angular 2让人备受期待，也让不少新手望而却步，因为TypeScript，因为大而全，因为......你是否正在学习Angular，如果是，Angular哪里吸引你；如果不是，你用的是哪种框架？前端框架或者库相关参考书图灵不少，点击【阅读原文】可查看。

评论区跟其他小伙伴分享你的观点，精选评论选出5位送出《Angular权威教程》，截止5月2日14:00。

☟ 【阅读原文】查看更多前端框架图书