☆☆☆☆☆
簡體網頁||繁體網頁



點擊這裡下載

類似圖書 點擊查看全場最低價

---

産品特色

編輯推薦

* 強力的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應用　　1
1．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　41
1．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配置項　73
3．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注解　107
5．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　127
6．3．2　構建SimpleHTTPComponent的template　128
6．3．3　構建SimpleHTTPComponent控製器　128
6．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指令　158
7．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組件和路由守衛　186
7．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 部分：服務　222
10．1　可觀察對象和RxJS　222
10．1．1　注意：一些必備的RxJS相關知識　222
10．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流中　235
10．5．6　完整的MessagesService　238
10．5．7　試用MessagesService　241
10．6　ThreadsService　242
10．6．1　當前一組Thread 的映射（threads流）　242
10．6．2　按時間逆序排列的Thread列錶（orderedthreads流）　246
10．6．3　當前已選的Thread（currentThread流）　246
10．6．4　當前已選Thread的Message列錶（currentThreadMessages流）　248
10．6．5　完整的ThreadsService　250
10．7　總結　251
第11章　使用可觀察對象的數據架構，第2部分：視圖組件　252
11．1　構建視圖：頂層組件ChatApp　252
11．2　ChatThreads組件　254
11．2．1　ChatThreads控製器　255
11．2．2　ChatThreads的template　256
11．3．1　ChatThread控製器和ngOnInit　257
11．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　262
11．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 Angular權威教程 下載 mobi epub pdf txt 電子書