开启左侧

Angular权威教程 轻松领悟新一代Web开发精髓 Ari Lerner

[复制链接]
  • 地区:欧美
  • 格式:AZW3
  • 文件大小:9M
  • 类别:学习
  • 画质:官方高清
  • 价格:免费
  • 温馨提示:免费资源回复可下载
  编辑推荐
  * 强力的IDE支持+完善的生态圈+一套代码、多种平台+……=Angular* 知名全栈开发工程师经验总结
  * 雪狼组织的Nice Angular社区主力倾情翻译
  * Google推荐阅读
  本书内容循序渐进,帮你在短时间内毫不费力地掌握整个Angular框架并打好坚实的基础,工作效率获得极大的提升。
  书中包含丰富的示例应用,展示如何编写组件、如何使用表单和API,还会带你学习如何使用Angular创建:
  - 基于组件的仿制版Reddit
  - 使用RxJS可观察对象的实时聊天应用
  - “随敲随搜”的YouTube搜索应用
  - 带有可播放乐曲预览的Spotify曲目搜索应用内容简介
  本书堪称Angular领域的里程碑式著作,涵盖了关于Angular的几乎所有内容。对于没有经验的人,本书平实、通俗的讲解,递进、严密的组织,可以让人毫无压力地登堂入室,迅速领悟新一代Web应用开发的精髓。如果你有相关经验,那本书对Angular概念和技术细节的全面剖析,以及引人入胜、切中肯綮的讲解,将帮助你彻底掌握这个框架,在自己职业技术修炼之路上更进一步。
  作者简介
  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联合创始人兼主管。
  目录
  第1章 编写你的第一个Angular Web应用  11.1 仿制Reddit网站 1
  1.2 起步 3
  1.2.1 TypeScript 3
  1.2.2 angular-cli 3
  1.2.3 示例项目 4
  1.3 运行应用 7
  1.3.1 制作Component 8
  1.3.2 导入依赖 9
  1.3.3 Component注解 10
  1.3.4 用templateUrl添加模板 11
  1.3.5 添加template 11
  1.3.6 用styleUrls添加CSS样式 12
  1.3.7 加载组件 12
  1.4 把数据添加到组件中 13
  1.5 使用数组 15
  1.6 使用UserItemComponent组件 18
  1.6.1 渲染UserItemComponent 18
  1.6.2 接收输入 19
  1.6.3 传入Input值 20
  1.7 “启动”速成班 21
  1.8 扩展你的应用 22
  1.8.1 添加CSS 24
  1.8.2 应用程序组件 24
  1.8.3 添加互动 26
  1.8.4 添加文章组件 29
  1.9 渲染多行 36
  1.9.1 创建Article类 36
  1.9.2 存储多篇文章 40
  1.9.3 使用inputs配置ArticleComponent 411.9.4 渲染文章列表 42
  1.10 添加新文章 44
  1.11 最后的修整 44
  1.11.1 显示文章所属的域名 44
  1.11.2 基于分数重新排序 45
  1.12 全部代码 45
  1.13 总结 45
  1.14 获得帮助 46
  第2章 TypeScript 47
  2.1 Angular是用TypeScript构建的 47
  2.2 TypeScript提供了哪些特性 48
  2.3 类型 49
  2.4 内置类型 50
  2.4.1 字符串 50
  2.4.2 数字 50
  2.4.3 布尔类型 51
  2.4.4 数组 51
  2.4.5 枚举 51
  2.4.6 任意类型 52
  2.4.7 “无”类型 52
  2.5 类 52
  2.5.1 属性 52
  2.5.2 方法 53
  2.5.3 构造函数 54
  2.5.4 继承 55
  2.6 工具 57
  2.6.1 胖箭头函数 57
  2.6.2 模板字符串 58
  2.7 总结 59
  第3章 Angular的工作原理 60
  3.1 应用 60
  3.1.1 主导航组件 61
  3.1.2 面包屑导航组件 61
  3.1.3 产品列表组件 62
  3.2 产品数据模型 64
  3.3 组件 64
  3.4 组件注解 66
  3.4.1 组件selector 66
  3.4.2 组件template 67
  3.4.3 添加产品 67
  3.4.4 用模板绑定来查看产品 68
  3.4.5 添加更多产品 69
  3.4.6 选择一个产品 70
  3.4.7 用列出产品 73
  3.5.1 设置ProductsList的@Component配置项 733.5.2 组件的输入 74
  3.5.3 组件的输出 77
  3.5.4 触发自定义事件 78
  3.5.5 编写ProductsList的控制器类 79
  3.5.6 编写ProdctsList的视图模板 81
  3.6 产品条目组件 83
  3.6.1 产品条目的组件配置 83
  3.6.2 产品条目组件的定义类 84
  3.6.3 产品条目组件的template 84
  3.6.4 完整的ProductRow代码清单 85
  3.8 价格展示组件 86
  3.9 产品分类组件 87
  3.10 创建NgModule并启动应用 88
  3.11 完整的项目 89
  3.12 关于数据架构的一点说明 90
  第4章 内置指令 91
  4.1 简介 91
  4.2 ngIf 91
  4.3 ngSwitch 92
  4.4 ngStyle 93
  4.5 ngClass 95
  4.6 ngFor 98
  4.7 ngNonBindable 102
  4.8 总结 102
  第5章 Angular中的表单 103
  5.1 表单——既重要,又复杂 103
  5.2 FormControl和FormGroup 103
  5.2.1 FormControl 104
  5.2.2 FormGroup 104
  5.3 我们的第一个表单 105
  5.3.1 加载FormsModule 106
  5.3.2 简易SKU表单:@Component注解 1075.3.3 简易SKU表单:template 107
  5.3.4 简易SKU表单:组件定义类 110
  5.4 使用FormBuilder 111
  5.5 响应式表单 FormBuilder 112
  5.5.1 使用FormBuilder 112
  5.5.2 在视图中使用myForm 113
  5.5.3 试试看 114
  5.6 添加验证 115
  5.6.1 显式地把sku设置为实例变量 116
  5.6.2 自定义验证器 120
  5.7 监听变化 121
  5.8 ngModel 122
  5.9 总结 124
  第6章 HTTP 125
  6.1 简介 125
  6.2 使用@angular/http 126
  6.3 基本请求 127
  6.3.1 构建SimpleHTTPComponent的@Component 1276.3.2 构建SimpleHTTPComponent的template 1286.3.3 构建SimpleHTTPComponent控制器 1286.3.4 完整的SimpleHTTPComponent 130
  6.4 编写YouTubeSearchComponent 130
  6.4.1 编写SearchResult 132
  6.4.2 编写YouTubeService 132
  6.4.3 编写SearchBox 140
  6.4.4 编写SearchResultComponent 145
  6.4.5 编写YouTubeSearchComponent 147
  6.5 @angular/http API 150
  6.5.1 发起一个POST请求 150
  6.5.2 PUT/PATCH/DELETE/HEAD 150
  6.5.3 RequestOptions 151
  6.6 总结 151
  第7章 路由 152
  7.1 为什么需要路由 152
  7.2 客户端路由的工作原理 153
  7.2.1 初级阶段:使用锚标记 153
  7.2.2 进化:HTML5客户端路由 154
  7.3 编写第一个路由配置 155
  7.4 Angular路由的组成部件 155
  7.4.1 导入 155
  7.4.2 路由配置 155
  7.4.3 安装路由配置 156
  7.4.4 使用调用RouterOutlet指令 157
  7.4.5 使用[routerLink]调用routerLink指令 1587.5 整合 159
  7.5.1 创建组件 160
  7.5.2 应用程序组件 161
  7.5.3 配置路由 163
  7.6 路由策略 164
  7.7 路径定位策略 165
  7.8 运行应用程序 165
  7.9 路由参数 167
  7.10 音乐搜索应用 168
  7.10.1 首要步骤 169
  7.10.2 SpotifyService 170
  7.10.3 SearchComponent 171
  7.10.4 尝试搜索 179
  7.10.5 TrackComponent 180
  7.10.6 音乐搜索应用小结 182
  7.11 路由器钩子 182
  7.11.1 AuthService 183
  7.11.2 LoginComponent 184
  7.11.3 ProtectedComponent组件和路由守卫 1867.12 嵌套路由 190
  7.12.1 配置路由 191
  7.12.2 ProductsComponent组件 191
  7.13 总结 194
  第8章 依赖注入 195
  8.1 注入示例:PriceService 196
  8.2 “别打给我们……” 197
  8.3 依赖注入的部件 199
  8.4 尝试注入器 200
  8.5 用NgModule提供依赖 201
  8.6 提供者 202
  8.6.1 使用类 202
  8.6.2 使用工厂 203
  8.6.3 使用值 205
  8.6.4 使用别名 205
  8.7 应用中的依赖注入 205
  8.8 使用注入器 207
  8.9 替换值 211
  8.10 NgModule 215
  8.10.1 NgModule与JavaScript模块 215
  8.10.2 编译器与组件 215
  8.10.3 依赖注入与提供者 216
  8.10.4 组件可见性 217
  8.10.5 指定提供者 218
  8.11 总结 219
  第9章 Angular数据架构 220
  第10章 使用可观察对象的数据架构,第1 部分:服务 22210.1 可观察对象和RxJS 222
  10.1.1 注意:一些必备的RxJS相关知识 22210.1.2 学习响应式编程和RxJS 223
  10.2 聊天应用概览 224
  10.2.1 组件 225
  10.2.2 数据模型 226
  10.2.3 服务 226
  10.2.4 总结 226
  10.3 实现数据模型 227
  10.3.1 User 227
  10.3.2 Thread 227
  10.3.3 Message 228
  10.4 实现UserService 228
  10.4.1 currentUser流 229
  10.4.2 设置新用户 230
  10.4.3 UserService.ts 231
  10.5 MessagesService 231
  10.5.1 newMessages流 231
  10.5.2 messages流 233
  10.5.3 操作流模式 233
  10.5.4 共享流 234
  10.5.5 把Message对象添加到messages流中 23510.5.6 完整的MessagesService 238
  10.5.7 试用MessagesService 241
  10.6 ThreadsService 242
  10.6.1 当前一组Thread 的映射(threads流) 24210.6.2 按时间逆序排列的Thread列表(orderedthreads流) 24610.6.3 当前已选的Thread(currentThread流) 24610.6.4 当前已选Thread的Message列表(currentThreadMessages流) 24810.6.5 完整的ThreadsService 250
  10.7 总结 251
  第11章 使用可观察对象的数据架构,第2部分:视图组件 25211.1 构建视图:顶层组件ChatApp 252
  11.2 ChatThreads组件 254
  11.2.1 ChatThreads控制器 255
  11.2.2 ChatThreads的template 256
  11.3.1 ChatThread控制器和ngOnInit 25711.3.2 ChatThread的template 258
  11.3.3 ChatThread的完整代码 258
  11.4 ChatWindow组件 259
  11.4.1 ChatWindow组件类属性 260
  11.4.2 ChatWindow的ngOnInit 261
  11.4.3 ChatWindow的sendMessage 261
  11.4.4 ChatWindow的onEnter 262
  11.4.5 ChatWindow的scrollToBottom 26211.4.6 ChatWindow 的template 263
  11.4.7 处理键盘动作 264
  11.4.8 使用ngModel 264
  11.4.9 点击Send按钮 265
  11.4.10 完整的ChatWindow组件 267
  11.5.1 设置incoming属性 268
  11.5.2 ChatMessage的template 270
  11.6 ChatNavBar组件 273
  11.6.1 ChatNavBar的@Component 273
  11.6.3 ChatNavBar的template 274
  11.6.4 完整的ChatNavBar组件 275
  11.7 总结 276
  11.8 更进一步 277
  第12章 基于TypeScript的Redux简介 278
  12.1 Redux 279
  12.2 Redux核心概念 280
  12.2.1 reducer是什么 280
  12.2.2 定义Action和Reducer的接口 281
  12.2.3 创建第一个Reducer 281
  12.2.4 运行第一个Reducer 282
  12.2.5 使用action调整计数器 283
  12.2.6 reducer的switch 284
  12.2.7 action的“参数” 285
  12.3 保存state 286
  12.3.1 使用store 287
  12.3.2 使用subscribe进行通知 287
  12.3.3 Redux核心 290
  12.4 消息应用 291
  12.4.1 消息应用的state 291
  12.4.2 消息应用的action 292
  12.4.3 消息应用的reducer 292
  12.4.4 试用action 295
  12.4.5 action creator 296
  12.4.6 使用真正的Redux 297
  12.5 在Angular中使用Redux 299
  12.6 规划应用 299
  12.7 组建Redux 300
  12.7.1 定义应用的state 300
  12.7.2 定义reducer 301
  12.7.3 定义action creator 301
  12.7.4 创建store 302
  12.8 CounterApp组件 303
  12.9 提供store 304
  12.10 启动应用 305
  12.11 CounterComponent 306
  12.11.1 import 306
  12.11.2 模板 306
  12.11.3 constructor 307
  12.11.4 整合 308
  12.12 更进一步 310
  12.13 参考资源 310
  第13章 在Angular中引入Redux 312
  13.1 阅读背景 312
  13.2 聊天应用概览 313
  13.2.1 组件 313
  13.2.2 数据模型 314
  13.2.3 reducer 315
  13.2.4 总结 315
  13.3 实现数据模型 315
  13.3.1 User 315
  13.3.2 Thread 316
  13.3.3 Message 316
  13.4 应用的state 316
  13.4.1 关于代码布局 317
  13.4.2 根reducer 317
  13.4.3 UserState 318
  13.4.4 ThreadsState 318
  13.4.5 可视化AppState 319
  13.5 构建reducer(和action creator) 32113.5.1 设置当前用户的action creator 32113.5.2 UsersReducer:设置当前用户 32113.5.3 会话和消息概览 322
  13.5.4 添加新会话的action creator 32213.5.5 添加新会话的reducer 323
  13.5.6 添加新消息的action creator 32413.5.7 添加新消息的reducer 325
  13.5.8 选择会话的action creator 326
  13.5.9 选择会话的reducer 327
  13.5.10 reducer总结 328
  13.6 构建Angular聊天应用 328
  13.6.1 顶层组件ChatApp 330
  13.6.2 ChatPage 330
  13.6.3 容器型组件与展示型组件 332
  13.7.1 Redux选择器 334
  13.7.2 会话选择器 334
  13.7.3 未读消息总数选择器 336
  13.8 构建ChatThreads组件 336
  13.8.1 ChatThreads控制器 337
  13.8.2 ChatThreads的template 338
  13.10 构建ChatWindow组件 340
  13.10.1 ChatWindow的updateState() 34113.10.2 ChatWindow的scrollToBottom() 34213.10.3 ChatWindow的sendMessage 342
  13.10.4 ChatWindow的onEnter 343
  13.10.6 处理键盘动作 345
  13.10.7 使用ngModel 345
  13.10.8 点击Send按钮 345
  13.11 ChatMessage组件 345
  13.11.1 设置incoming属性 346
  13.11.2 ChatMessage的template 346
  13.12 总结 347
  第14章 高级组件 349
  14.1 样式 349
  14.1.1 视图(样式)封装 351
  14.1.2 Shadow DOM 封装 354
  14.1.3 不使用封装 355
  14.2 创建popup指令:引用并修改宿主元素 35714.2.1 popup指令的结构 357
  14.2.2 使用ElementRef 359
  14.2.3 绑定到host属性 360
  14.2.4 添加按钮并使用exportAs 363
  14.3.1 改变host属性的CSS类 364
  14.3.2 使用ng-content 364
  14.4 查询相邻的指令:编写标签页 366
  14.4.1 Tab组件 367
  14.4.2 Tabset组件 367
  14.4.3 使用Tabset 369
  14.5 生命周期钩子 370
  14.5.1 OnInit和OnDestroy 371
  14.5.2 OnChanges 374
  14.5.3 DoCheck 378
  14.5.4 AfterContentInit、AfterViewInit、AfterContentChecked和AfterViewChecked 38614.6 高级模板 391
  14.6.1 重写ngIf:ngBookIf 392
  14.6.2 重写ngFor:ngBookRepeat 394
  14.7 变更检测 398
  14.7.1 自定义变更检测 401
  14.7.2 Zones 405
  14.7.3 可观察对象和OnPush 406
  14.8 总结 409
  第15章 测试 410
  15.1 测试驱动? 410
  15.2 端对端测试与单元测试 411
  15.3 测试工具 411
  15.3.1 Jasmine 411
  15.3.2 Karma 412
  15.4 编写单元测试 412
  15.5 Angular单元测试框架 412
  15.6 测试前准备 413
  15.7 测试服务类和HTTP 415
  15.7.1 HTTP要点 416
  15.7.2 伪装 417
  15.7.3 模拟 417
  15.7.4 Http MockBackend 418
  15.7.5 TestBed.configureTestingModule和提供者 41815.7.6 测试getTrack方法 419
  15.8 测试组件间的路由 424
  15.8.1 为测试创建路由器 424
  15.8.2 模拟依赖 427
  15.8.3 探子 427
  15.9 回到测试代码 429
  15.9.1 fakeAsync和advance 431
  15.9.2 inject 432
  15.9.3 测试ArtistComponent组件初始化 43215.9.4 测试ArtistComponent方法 433
  15.9.5 测试ArtistComponent DOM模板值 43415.10 测试表单 436
  15.10.1 创建一个ConsoleSpy 438
  15.10.2 安装ConsoleSpy 439
  15.10.3 配置测试模块 439
  15.10.4 测试表单 440
  15.10.5 重构表单测试 441
  15.11 测试HTTP请求 444
  15.11.1 测试POST方法 445
  15.11.2 测试DELETE方法 446
  15.11.3 测试HTTP头 447
  15.11.4 测试YouTubeService 448
  15.12 总结 452
  第16章 把AngularJS应用升级到Angular 45316.1 周边概念 453
  16.2 我们要构建什么 454
  16.3 把AngularJS映射到Angular 455
  16.4 关于互操作性的需求 456
  16.5 AngularJS应用 456
  16.5.1 AngularJS应用的HTML 458
  16.5.2 代码概览 458
  16.5.3 AngularJS:PinsService 459
  16.5.4 AngularJS:配置路由 460
  16.5.5 AngularJS:HomeController 461
  16.5.6 AngularJS:HomeController模板 46116.5.7 AngularJS:pin指令 462
  16.5.8 AngularJS:pin指令模板 463
  16.5.10 AngularJS:AddController模板 46516.5.11 AngularJS:总结 467
  16.6 构建混合式应用 468
  16.6.1 混合式应用的结构 468
  16.6.2 引导混合式应用 471
  16.6.3 我们要升级什么 473
  16.6.4 插一小段内容:类型文件 479
  16.6.6 使用Angular的PinControlsComponent 48116.6.7 把Angular的PinControlsComponent 降级到AngularJS 48216.6.8 用Angular添加图钉 483
  16.6.9 把AngularJS的PinsService和$state升级到Angular 48416.6.10 写Angular版的AddPinComponent 48516.6.11 使用AddPinComponent 490
  16.6.12 把Angular的服务暴露给AngularJS 49016.6.13 实现AnalyticsService 491
  16.6.14 把Angular的AnalyticsService降级到AngularJS 49216.7 总结 493
  16.8 参考资源 493
游客,如果您要查看本帖隐藏内容请回复


回复
0

使用道具 举报

精彩评论2

dcf730318 发表于 2020-2-2 11:31:07 | 显示全部楼层
Angular权威教程 轻松领悟新一代Web开发精髓 Ari Lerner
https://www.ynjie.com/forum.php?mod=viewthread&tid=8511
(出处: 与你共享街)
回复

使用道具 举报

wint 发表于 2020-3-7 08:44:00 | 显示全部楼层
thanks for your sharing
回复

使用道具 举报

懒得打字嘛,点击快捷回复 【回复乱码 永久禁言】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝3

帖子2162

发布主题
推荐素材更多+
广告位


QQ- Archiver-手机版-小黑屋- 与你共享  

Powered by YNJIE.COM X3.3© 2001-2013 与你共享街.  滇ICP备19007624号-1