TypeScript項目開發(fā)實戰(zhàn)

●第1章　TypeScript的高級特性 1
1.1　技術(shù)需求 2
1.2　使用tsconfig構(gòu)建面向未來的TypeScript 2
1.3　TypeScript高級特性簡介 3
1.3.1　借助聯(lián)合類型使用不同的類型 3
1.3.2　使用交叉類型組合類型 5
1.3.3　使用類型別名簡化類型聲明 7
1.3.4　使用對象展開賦值屬性 8
1.3.5　使用REST屬性解構(gòu)對象 10
1.3.6　使用REST處理可變數(shù)量的參數(shù)11
1.3.7　使用裝飾器進行AOP 13
1.3.8　使用混入（mixin）組成類型 17
1.3.9　使用泛型，將相同的代碼用于不同的類型20
1.3.10　使用映射來映射值24
1.3.11　使用Promise和async/await創(chuàng)建異步代碼25
1.3.12　使用Bootstrap創(chuàng)建UI27
1.4　小結(jié) 30
習(xí)題 31
　
●第2章　使用TypeScript創(chuàng)建一個markdown編輯器 32
2.1　技術(shù)需求33
2.2　項目概述33
2.3　開始創(chuàng)建一個簡單的HTML項目34
2.4　編寫一個簡單的markdown解析器34
2.4.1　創(chuàng)建Bootstrap UI 35
2.4.2　將markdown標(biāo)簽類型映射到HTML標(biāo)簽類型38
2.4.3　使用MarkdownDocument類表示轉(zhuǎn)換后的markdown標(biāo)記 41
2.4.4　使用訪問者更新markdown文檔 42
2.4.5　通過使用責(zé)任鏈模式?jīng)Q定應(yīng)用哪個標(biāo)簽 44
2.4.6　綜合運用 48
2.5　小結(jié) 49
延伸閱讀50
　
●第3章　React Bootstrap聯(lián)系人管理器 51
3.1　技術(shù)需求 51
3.2　項目概述 52
3.3　開始使用組件 52
3.4　創(chuàng)建一個支持TypeScript的React Bootstrap項目 53
3.5　創(chuàng)建模擬布局 53
3.5.1　創(chuàng)建應(yīng)用程序 54
3.5.2　使用tslint設(shè)置代碼的格式 55
3.5.3　添加Bootstrap支持 56
3.6　在React中使用tsx組件 57
3.6.1　React如何使用虛擬DOM來提高響應(yīng)性 57
3.6.2　React應(yīng)用程序的組件 58
3.7　顯示個人信息界面59
3.8　驗證用戶輸入及驗證器的使用 65
3.8.1　驗證地址66
3.8.2　驗證姓名68
3.8.3　驗證電話號碼68
3.9　在React組件中應(yīng)用驗證70
3.10　創(chuàng)建數(shù)據(jù)并把數(shù)據(jù)發(fā)送給IndexedDB數(shù)據(jù)庫71
3.10.1　在狀態(tài)中添加對記錄狀態(tài)的支持 74
3.10.2　從PersonalDetails訪問數(shù)據(jù)庫79
3.11　增強代碼83
3.12　小結(jié)83
習(xí)題84
延伸閱讀84
　
●第4章　MEAN?！獦?gòu)建一個相冊 85
4.1　技術(shù)需求86
4.2　MEAN棧86
4.3　項目概述87
4.4　準(zhǔn)備工作88
4.5　使用MEAN棧創(chuàng)建Angular相冊 88
4.5.1　Angular簡介 88
4.5.2　創(chuàng)建應(yīng)用程序 90
4.5.3　使用Angular Material創(chuàng)建UI 91
4.5.4　使用Material添加導(dǎo)航 92
4.5.5　創(chuàng)建第一個組件——FileUpload組件 94
4.5.6　在應(yīng)用程序中引入對Express的支持100
4.5.7　提供路由支持 102
4.5.8　顯示圖片107
4.5.9 　顯示對話框114
4.6　小結(jié) 115
習(xí)題 116
延伸閱讀 116
　
●第5章　使用GraphQL和Apollo創(chuàng)建Angular待辦事項應(yīng)用程序 117
5.1　技術(shù)需求118
5.2　理解GraphQL與REST的關(guān)系118
5.3　項目概述119
5.4　準(zhǔn)備工作120
5.5　使用GraphQL和Angular創(chuàng)建待辦事項應(yīng)用程序120
5.5.1　創(chuàng)建應(yīng)用程序121
5.5.2　創(chuàng)建GraphQL架構(gòu) 126
5.5.3　創(chuàng)建GraphQL解析器 129
5.5.4　使用Apollo Server作為服務(wù)器 133
5.5.5　GraphQL Angular客戶端 135
5.5.6　向頁面組件添加內(nèi)容 139
5.6　小結(jié) 149
習(xí)題 150
延伸閱讀150
　
●第6章　使用Socket.IO構(gòu)建一個聊天室應(yīng)用程序 151
6.1　技術(shù)需求152
6.2　使用Socket.IO建立客戶端/服務(wù)器之間的長時間通信 152
6.3　項目概述152
6.4　開始使用Socket.IO和Angular 153
6.5　使用Socket.IO、Angular和Auth0創(chuàng)建一個聊天室應(yīng)用程序155
6.5.1　創(chuàng)建應(yīng)用程序 156
6.5.2　為服務(wù)器添加Socket.IO支持 158
6.5.3　創(chuàng)建聊天室客戶端 160
6.5.4　使用Auth0授權(quán)和驗證用戶 162
6.5.5　使用安全路由165
6.5.6　添加客戶端聊天功能166
6.5.7　使用GeneralchatComponent完成我們的應(yīng)用程序170
6.6　小結(jié)172
習(xí)題172
延伸閱讀172
　
●第7章　使用必應(yīng)地圖和Firebase創(chuàng)建基于云的Angular地圖應(yīng)用程序 173
7.1　技術(shù)需求174
7.2　現(xiàn)代應(yīng)用程序及使用云服務(wù)的趨勢 174
7.3　項目概述174
7.4　在Angular中使用必應(yīng)地圖175
7.4.1　注冊必應(yīng)地圖 176
7.4.2　注冊Firebase 178
7.5　使用Angular和Firebase創(chuàng)建必應(yīng)地圖應(yīng)用程序181
7.5.1　添加地圖組件181
7.5.2　興趣點182
7.5.3　表示地圖圖釘184
7.5.4　使用地圖搜索做一些有趣的操作 186
7.5.5　將必應(yīng)地圖添加到屏幕上188
7.5.6　地圖事件和圖釘?shù)脑O(shè)置190
7.5.7　保護數(shù)據(jù)庫194
7.6　小結(jié)195
習(xí)題196
　
●第8章　使用React和微服務(wù)來構(gòu)建一個CRM 197
8.1　技術(shù)需求197
8.2　理解Docker和微服務(wù)198
8.2.1　Docker術(shù)語 198
8.2.2　微服務(wù) 199
8.2.3　使用Swagger設(shè)計REST API 200
8.3　使用Docker創(chuàng)建一個微服務(wù)應(yīng)用程序 203
8.3.1　開始使用Docker創(chuàng)建一個微服務(wù)應(yīng)用程序 204
8.3.2　添加服務(wù)器端路由支持 209
8.3.3　使用Docker運行服務(wù) 212
8.3.4　創(chuàng)建React UI 215
8.3.5　添加導(dǎo)航 223
8.4　小結(jié) 224
習(xí)題 225
延伸閱讀 225
　
●第9章　使用Vue.js和TensorFlow.js進行圖像識別 226
9.1　技術(shù)需求226
9.2　機器學(xué)習(xí)及TensorFlow簡介227
9.2.1　什么是機器學(xué)習(xí)228
9.2.2　TensorFlow及其與機器學(xué)習(xí)的關(guān)系228
9.3　項目概述229
9.4　開始在Vue中使用TensorFlow 229
9.4.1　創(chuàng)建基于Vue的應(yīng)用程序230
9.4.2　使用Vue模板顯示主頁232
9.4.3　修改HelloWorld組件來支持圖像分類236
9.4.4　Vue應(yīng)用程序的入口點 239
9.4.5　添加姿勢檢測功能243
9.4.6　完成姿勢檢測組件250
9.5　小結(jié) 253
習(xí)題254
延伸閱讀254
　
●第10章　構(gòu)建ASP.NET Core音樂庫255
10.1　技術(shù)需求255
10.2　ASP.NET Core MVC簡介256
10.3　項目概述258
10.4　開始使用ASP.NET Core、C#和TypeScript創(chuàng)建一個音樂庫259
10.4.1　使用Visual Studio創(chuàng)建ASP.NET Core應(yīng)用程序260
10.4.2　理解應(yīng)用程序結(jié)構(gòu)263
10.4.3　創(chuàng)建一個Discogs模型269
10.4.4　關(guān)聯(lián)控制器275
10.4.5　添加Index視圖276
10.4.6　向應(yīng)用程序添加TypeScript 279
10.4.7　從ASP.NET調(diào)用TypeScript功能 283
10.5　小結(jié) 285
習(xí)題 285
延伸閱讀 285
習(xí)題答案 287