TypeScript項(xiàng)目開發(fā)實(shí)戰(zhàn)

●第1章　TypeScript的高級(jí)特性 1
1.1　技術(shù)需求 2
1.2　使用tsconfig構(gòu)建面向未來的TypeScript 2
1.3　TypeScript高級(jí)特性簡(jiǎn)介 3
1.3.1　借助聯(lián)合類型使用不同的類型 3
1.3.2　使用交叉類型組合類型 5
1.3.3　使用類型別名簡(jiǎn)化類型聲明 7
1.3.4　使用對(duì)象展開賦值屬性 8
1.3.5　使用REST屬性解構(gòu)對(duì)象 10
1.3.6　使用REST處理可變數(shù)量的參數(shù)11
1.3.7　使用裝飾器進(jìn)行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)建一個(gè)markdown編輯器 32
2.1　技術(shù)需求33
2.2　項(xiàng)目概述33
2.3　開始創(chuàng)建一個(gè)簡(jiǎn)單的HTML項(xiàng)目34
2.4　編寫一個(gè)簡(jiǎn)單的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)用哪個(gè)標(biāo)簽 44
2.4.6　綜合運(yùn)用 48
2.5　小結(jié) 49
延伸閱讀50
　
●第3章　React Bootstrap聯(lián)系人管理器 51
3.1　技術(shù)需求 51
3.2　項(xiàng)目概述 52
3.3　開始使用組件 52
3.4　創(chuàng)建一個(gè)支持TypeScript的React Bootstrap項(xiàng)目 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　顯示個(gè)人信息界面59
3.8　驗(yàn)證用戶輸入及驗(yàn)證器的使用 65
3.8.1　驗(yàn)證地址66
3.8.2　驗(yàn)證姓名68
3.8.3　驗(yàn)證電話號(hào)碼68
3.9　在React組件中應(yīng)用驗(yàn)證70
3.10　創(chuàng)建數(shù)據(jù)并把數(shù)據(jù)發(fā)送給IndexedDB數(shù)據(jù)庫(kù)71
3.10.1　在狀態(tài)中添加對(duì)記錄狀態(tài)的支持 74
3.10.2　從PersonalDetails訪問數(shù)據(jù)庫(kù)79
3.11　增強(qiáng)代碼83
3.12　小結(jié)83
習(xí)題84
延伸閱讀84
　
●第4章　MEAN?！獦?gòu)建一個(gè)相冊(cè) 85
4.1　技術(shù)需求86
4.2　MEAN棧86
4.3　項(xiàng)目概述87
4.4　準(zhǔn)備工作88
4.5　使用MEAN棧創(chuàng)建Angular相冊(cè) 88
4.5.1　Angular簡(jiǎn)介 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)建第一個(gè)組件——FileUpload組件 94
4.5.6　在應(yīng)用程序中引入對(duì)Express的支持100
4.5.7　提供路由支持 102
4.5.8　顯示圖片107
4.5.9 　顯示對(duì)話框114
4.6　小結(jié) 115
習(xí)題 116
延伸閱讀 116
　
●第5章　使用GraphQL和Apollo創(chuàng)建Angular待辦事項(xiàng)應(yīng)用程序 117
5.1　技術(shù)需求118
5.2　理解GraphQL與REST的關(guān)系118
5.3　項(xiàng)目概述119
5.4　準(zhǔn)備工作120
5.5　使用GraphQL和Angular創(chuàng)建待辦事項(xià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　向頁(yè)面組件添加內(nèi)容 139
5.6　小結(jié) 149
習(xí)題 150
延伸閱讀150
　
●第6章　使用Socket.IO構(gòu)建一個(gè)聊天室應(yīng)用程序 151
6.1　技術(shù)需求152
6.2　使用Socket.IO建立客戶端/服務(wù)器之間的長(zhǎng)時(shí)間通信 152
6.3　項(xiàng)目概述152
6.4　開始使用Socket.IO和Angular 153
6.5　使用Socket.IO、Angular和Auth0創(chuàng)建一個(gè)聊天室應(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)和驗(yà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ù)的趨勢(shì) 174
7.3　項(xiàng)目概述174
7.4　在Angular中使用必應(yīng)地圖175
7.4.1　注冊(cè)必應(yīng)地圖 176
7.4.2　注冊(cè)Firebase 178
7.5　使用Angular和Firebase創(chuàng)建必應(yīng)地圖應(yīng)用程序181
7.5.1　添加地圖組件181
7.5.2　興趣點(diǎn)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　保護(hù)數(shù)據(jù)庫(kù)194
7.6　小結(jié)195
習(xí)題196
　
●第8章　使用React和微服務(wù)來構(gòu)建一個(gè)CRM 197
8.1　技術(shù)需求197
8.2　理解Docker和微服務(wù)198
8.2.1　Docker術(shù)語(yǔ) 198
8.2.2　微服務(wù) 199
8.2.3　使用Swagger設(shè)計(jì)REST API 200
8.3　使用Docker創(chuàng)建一個(gè)微服務(wù)應(yīng)用程序 203
8.3.1　開始使用Docker創(chuàng)建一個(gè)微服務(wù)應(yīng)用程序 204
8.3.2　添加服務(wù)器端路由支持 209
8.3.3　使用Docker運(yùn)行服務(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進(jìn)行圖像識(shí)別 226
9.1　技術(shù)需求226
9.2　機(jī)器學(xué)習(xí)及TensorFlow簡(jiǎn)介227
9.2.1　什么是機(jī)器學(xué)習(xí)228
9.2.2　TensorFlow及其與機(jī)器學(xué)習(xí)的關(guān)系228
9.3　項(xiàng)目概述229
9.4　開始在Vue中使用TensorFlow 229
9.4.1　創(chuàng)建基于Vue的應(yīng)用程序230
9.4.2　使用Vue模板顯示主頁(yè)232
9.4.3　修改HelloWorld組件來支持圖像分類236
9.4.4　Vue應(yīng)用程序的入口點(diǎn) 239
9.4.5　添加姿勢(shì)檢測(cè)功能243
9.4.6　完成姿勢(shì)檢測(cè)組件250
9.5　小結(jié) 253
習(xí)題254
延伸閱讀254
　
●第10章　構(gòu)建ASP.NET Core音樂庫(kù)255
10.1　技術(shù)需求255
10.2　ASP.NET Core MVC簡(jiǎn)介256
10.3　項(xiàng)目概述258
10.4　開始使用ASP.NET Core、C#和TypeScript創(chuàng)建一個(gè)音樂庫(kù)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)建一個(gè)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