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
習題 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標簽類型映射到HTML標簽類型38
2.4.3　使用MarkdownDocument類表示轉(zhuǎn)換后的markdown標記 41
2.4.4　使用訪問者更新markdown文檔 42
2.4.5　通過使用責任鏈模式?jīng)Q定應用哪個標簽 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)建應用程序 54
3.5.2　使用tslint設(shè)置代碼的格式 55
3.5.3　添加Bootstrap支持 56
3.6　在React中使用tsx組件 57
3.6.1　React如何使用虛擬DOM來提高響應性 57
3.6.2　React應用程序的組件 58
3.7　顯示個人信息界面59
3.8　驗證用戶輸入及驗證器的使用 65
3.8.1　驗證地址66
3.8.2　驗證姓名68
3.8.3　驗證電話號碼68
3.9　在React組件中應用驗證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
習題84
延伸閱讀84
　
●第4章　MEAN?！獦?gòu)建一個相冊 85
4.1　技術(shù)需求86
4.2　MEAN棧86
4.3　項目概述87
4.4　準備工作88
4.5　使用MEAN棧創(chuàng)建Angular相冊 88
4.5.1　Angular簡介 88
4.5.2　創(chuàng)建應用程序 90
4.5.3　使用Angular Material創(chuàng)建UI 91
4.5.4　使用Material添加導航 92
4.5.5　創(chuàng)建第一個組件——FileUpload組件 94
4.5.6　在應用程序中引入對Express的支持100
4.5.7　提供路由支持 102
4.5.8　顯示圖片107
4.5.9 　顯示對話框114
4.6　小結(jié) 115
習題 116
延伸閱讀 116
　
●第5章　使用GraphQL和Apollo創(chuàng)建Angular待辦事項應用程序 117
5.1　技術(shù)需求118
5.2　理解GraphQL與REST的關(guān)系118
5.3　項目概述119
5.4　準備工作120
5.5　使用GraphQL和Angular創(chuàng)建待辦事項應用程序120
5.5.1　創(chuà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
習題 150
延伸閱讀150
　
●第6章　使用Socket.IO構(gòu)建一個聊天室應用程序 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)建一個聊天室應用程序155
6.5.1　創(chuà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完成我們的應用程序170
6.6　小結(jié)172
習題172
延伸閱讀172
　
●第7章　使用必應地圖和Firebase創(chuàng)建基于云的Angular地圖應用程序 173
7.1　技術(shù)需求174
7.2　現(xiàn)代應用程序及使用云服務(wù)的趨勢 174
7.3　項目概述174
7.4　在Angular中使用必應地圖175
7.4.1　注冊必應地圖 176
7.4.2　注冊Firebase 178
7.5　使用Angular和Firebase創(chuàng)建必應地圖應用程序181
7.5.1　添加地圖組件181
7.5.2　興趣點182
7.5.3　表示地圖圖釘184
7.5.4　使用地圖搜索做一些有趣的操作 186
7.5.5　將必應地圖添加到屏幕上188
7.5.6　地圖事件和圖釘?shù)脑O(shè)置190
7.5.7　保護數(shù)據(jù)庫194
7.6　小結(jié)195
習題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ù)應用程序 203
8.3.1　開始使用Docker創(chuàng)建一個微服務(wù)應用程序 204
8.3.2　添加服務(wù)器端路由支持 209
8.3.3　使用Docker運行服務(wù) 212
8.3.4　創(chuàng)建React UI 215
8.3.5　添加導航 223
8.4　小結(jié) 224
習題 225
延伸閱讀 225
　
●第9章　使用Vue.js和TensorFlow.js進行圖像識別 226
9.1　技術(shù)需求226
9.2　機器學習及TensorFlow簡介227
9.2.1　什么是機器學習228
9.2.2　TensorFlow及其與機器學習的關(guān)系228
9.3　項目概述229
9.4　開始在Vue中使用TensorFlow 229
9.4.1　創(chuàng)建基于Vue的應用程序230
9.4.2　使用Vue模板顯示主頁232
9.4.3　修改HelloWorld組件來支持圖像分類236
9.4.4　Vue應用程序的入口點 239
9.4.5　添加姿勢檢測功能243
9.4.6　完成姿勢檢測組件250
9.5　小結(jié) 253
習題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應用程序260
10.4.2　理解應用程序結(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　向應用程序添加TypeScript 279
10.4.7　從ASP.NET調(diào)用TypeScript功能 283
10.5　小結(jié) 285
習題 285
延伸閱讀 285
習題答案 287