本書(shū)介紹的是TypeScript，你從書(shū)名中其實(shí)已經(jīng)知道了這一點(diǎn)。不過(guò)，本書(shū)不僅介紹TypeScript，還將介紹如何使用TypeScript完成一些比較復(fù)雜的項(xiàng)目。因此，本書(shū)介紹的主題比你之前學(xué)習(xí)過(guò)的TypeScript相關(guān)主題可能稍微難一些。

所以，我們也許可以把開(kāi)場(chǎng)白改為這樣：本書(shū)介紹的是TypeScript，以及如何用有趣的方式使用TypeScript和一些高級(jí)技術(shù)來(lái)創(chuàng)建有趣的項(xiàng)目。

必須說(shuō)明，本書(shū)不介紹如何使用Angular、React、Vue或ASP.NET Core進(jìn)行編程。這些都是龐大的主題，應(yīng)該用整本書(shū)的篇幅進(jìn)行解釋?zhuān)ㄊ聦?shí)上，在每章末尾，我盡量推薦一些資源，它們能夠幫助你更深入地了解相關(guān)主題）。對(duì)于Angular和React，我將每章介紹的新功能的相關(guān)概念限制在5個(gè)以?xún)?nèi)。當(dāng)使用的技術(shù)（如Bootstrap）具有針對(duì)其他技術(shù)的具體實(shí)現(xiàn)時(shí)，我們將使用最合適的庫(kù)，例如為React使用reactstrap。之所以如此，是因?yàn)檫@些庫(kù)是針對(duì)相應(yīng)用戶(hù)界面（User Interface，UI）框架設(shè)計(jì)的。

在為本書(shū)做最初調(diào)查時(shí)，有個(gè)問(wèn)題一再浮現(xiàn)：現(xiàn)在的熱點(diǎn)技術(shù)是什么？人們?cè)谑褂檬裁葱碌摹⒘钊伺d奮的新技術(shù)？本書(shū)旨在介紹一些這樣的技術(shù)，包括GraphQL、微服務(wù)和機(jī)器學(xué)習(xí)。同樣，本書(shū)無(wú)法介紹相關(guān)技術(shù)的所有信息。所以，本書(shū)只是簡(jiǎn)單介紹這些技術(shù)，并展示在使用這些技術(shù)進(jìn)行開(kāi)發(fā)時(shí)，TypeScript的強(qiáng)大功能可以讓開(kāi)發(fā)工作變得簡(jiǎn)單許多。

在閱讀本書(shū)的過(guò)程中，你會(huì)發(fā)現(xiàn)我非常關(guān)注使用面向?qū)ο缶幊蹋∣bject-Oriented Programming，OOP）。我們將構(gòu)建大量的類(lèi)。這么做有許多原因，但最主要的是前面章節(jié)中編寫(xiě)的代碼將能夠在后面的章節(jié)中重用。而且，我希望編寫(xiě)出的代碼能讓你直接添加到自己的代碼庫(kù)中。在TypeScript中，基于類(lèi)的開(kāi)發(fā)讓實(shí)現(xiàn)這些目的變得簡(jiǎn)單多了。另外，即使使用了比較高級(jí)的技術(shù)，這也使我們能夠介紹一些讓代碼變得更加簡(jiǎn)單的方法，所以我們討論了一些原則，例如讓類(lèi)具有單一職責(zé)（稱(chēng)為單一職責(zé)模式），以及基于模式的開(kāi)發(fā)，即通過(guò)對(duì)復(fù)雜問(wèn)題應(yīng)用眾所周知的軟件開(kāi)發(fā)模式，讓解決方案變得更加簡(jiǎn)單。

除了TypeScript，我們還將在大部分章節(jié)中使用Bootstrap設(shè)計(jì)UI。在介紹Angular的兩章中，我們則介紹如何使用Angular Material布局界面，因?yàn)镸aterial和Angular非常搭配，如果你要開(kāi)發(fā)商業(yè)Angular應(yīng)用程序，則很有可能會(huì)使用Material。

第1章介紹了你以前可能沒(méi)有使用過(guò)的功能，例如REST屬性和展開(kāi)，所以我們將比較深入地介紹它們。在后面的章節(jié)中，我們將很自然地使用它們，而不會(huì)打斷代碼講解來(lái)指出特定的TypeScript功能。另外，在學(xué)習(xí)本書(shū)的過(guò)程中，你會(huì)發(fā)現(xiàn)后面的章節(jié)常常會(huì)再次使用前面章節(jié)中的功能，所以我們不是簡(jiǎn)單地做一次開(kāi)發(fā)，然后就把那些功能拋之腦后。

【本書(shū)面向的讀者】

本書(shū)的讀者應(yīng)該至少已經(jīng)熟悉TypeScript的基礎(chǔ)知識(shí)。如果你知道如何使用TypeScript編譯器tsc來(lái)構(gòu)建配置文件和編譯代碼，也知道TypeScript中的類(lèi)型安全、函數(shù)和類(lèi)等基礎(chǔ)知識(shí)，那將大有裨益。

即使你對(duì)TypeScript有比較深入的了解，本書(shū)中也會(huì)介紹一些你以前可能沒(méi)有使用過(guò)的技術(shù)，你應(yīng)該會(huì)對(duì)這些資料感興趣。

【本書(shū)內(nèi)容】

第1章介紹你之前可能沒(méi)有接觸過(guò)的TypeScript功能，例如使用聯(lián)合和交叉類(lèi)型，創(chuàng)建自己的類(lèi)型聲明，以及使用裝飾器來(lái)啟用面向切面編程等。通過(guò)學(xué)習(xí)該章，你將熟悉專(zhuān)業(yè)開(kāi)發(fā)人員每天都會(huì)用到的各種TypeScript技術(shù)。

第2章將編寫(xiě)第一個(gè)實(shí)用的項(xiàng)目：一個(gè)簡(jiǎn)單的markdown編輯器。我們將創(chuàng)建一個(gè)簡(jiǎn)單的解析器，在Web頁(yè)面內(nèi)將其綁定到一個(gè)文本塊，用來(lái)識(shí)別用戶(hù)何時(shí)輸入一個(gè)markdown標(biāo)簽，并在預(yù)覽區(qū)域反映出效果。在編寫(xiě)該章的代碼時(shí)，我們將介紹如何在TypeScript中使用設(shè)計(jì)模式來(lái)構(gòu)建更加健壯的解決方案。

第3章將使用流行的React庫(kù)構(gòu)建一個(gè)聯(lián)系人管理器。在編寫(xiě)這個(gè)應(yīng)用程序時(shí)，我們將看到React如何使用特殊的TSX文件來(lái)混合TypeScript及HTML，最終生成用戶(hù)組件。我們還將看到如何在React中使用綁定和狀態(tài)，在用戶(hù)改變值時(shí)自動(dòng)更新數(shù)據(jù)模型。這里的最終目的是創(chuàng)建一個(gè)UI，允許用戶(hù)輸入數(shù)據(jù)，并使用瀏覽器自己的IndexedDB數(shù)據(jù)庫(kù)來(lái)保存和檢索信息，以及了解如何對(duì)組件應(yīng)用驗(yàn)證來(lái)確保輸入有效。

第4章介紹MEAN棧，這是我們第一次接觸MEAN。MEAN棧指的是一組相互協(xié)作的技術(shù)，用來(lái)構(gòu)建能夠在客戶(hù)端和服務(wù)器運(yùn)行的應(yīng)用程序。我們使用MEAN棧來(lái)編寫(xiě)一個(gè)相冊(cè)應(yīng)用程序，使用Angular創(chuàng)建UI，使用MongoDB存儲(chǔ)用戶(hù)上傳的圖片。在創(chuàng)建這個(gè)應(yīng)用程序時(shí)，我們將使用Angular來(lái)創(chuàng)建服務(wù)和組件。同時(shí)，我們將看到如何使用Angular Material來(lái)創(chuàng)建有吸引力的UI。

第5章告訴我們，并非只能使用REST在客戶(hù)端與服務(wù)器之間進(jìn)行通信�，F(xiàn)在很熱門(mén)的一個(gè)主題是使用GraphQL創(chuàng)建應(yīng)用程序，讓這種應(yīng)用程序使用GraphQL服務(wù)器和客戶(hù)端來(lái)使用和更新來(lái)自多個(gè)源的數(shù)據(jù)。該章編寫(xiě)的Angular應(yīng)用程序?qū)�為用�?hù)管理一個(gè)待辦事項(xiàng)列表，并進(jìn)一步演示Angular的功能，例如使用模板在只讀功能和可編輯功能之間進(jìn)行切換，另外還將介紹Angular為驗(yàn)證用戶(hù)輸入提供的功能。

第6章進(jìn)一步探索不依賴(lài)REST通信的思想。我們將介紹如何在Angular中創(chuàng)建一個(gè)長(zhǎng)時(shí)間運(yùn)行的客戶(hù)端/服務(wù)器應(yīng)用程序，讓客戶(hù)端和服務(wù)器連接，從而能夠在客戶(hù)端和服務(wù)器之間來(lái)回發(fā)送消息。我們將使用Socket.IO編寫(xiě)一個(gè)聊天室應(yīng)用程序。為了進(jìn)一步增強(qiáng)代碼，我們將使用一個(gè)外部身份驗(yàn)證提供商來(lái)幫助我們專(zhuān)業(yè)地保護(hù)應(yīng)用程序，從而避免一些令人尷尬的身份驗(yàn)證問(wèn)題，例如用明文存儲(chǔ)密碼。

第7章將說(shuō)明我們已經(jīng)無(wú)法忽視云服務(wù)的發(fā)展。該章將創(chuàng)建的應(yīng)用程序是最后一個(gè)Angular應(yīng)用程序，它使用了兩個(gè)不同的、基于云的服務(wù)。第一個(gè)云服務(wù)是必應(yīng)地圖，我們?cè)谶@里展示了如何注冊(cè)一個(gè)第三方的云地圖服務(wù)，并把它集成到自己的應(yīng)用程序中。我們將介紹該服務(wù)對(duì)不同使用規(guī)模的收費(fèi)情況。我們將顯示一個(gè)地圖來(lái)讓用戶(hù)保存興趣點(diǎn)，并通過(guò)使用Google的Firebase云平臺(tái)，把這些數(shù)據(jù)存儲(chǔ)到一個(gè)單獨(dú)的云數(shù)據(jù)庫(kù)中。

第8章利用前面使用React和MEAN棧的經(jīng)驗(yàn)，介紹如何使用一個(gè)等效的基于React的棧。我們第一次接觸MEAN時(shí)，使用REST來(lái)與一個(gè)應(yīng)用程序端點(diǎn)通信。而在該章的應(yīng)用程序中，我們將與多個(gè)微服務(wù)通信，創(chuàng)建一個(gè)簡(jiǎn)化的基于React的CRM系統(tǒng)。我們將討論什么是微服務(wù)，什么時(shí)候使用微服務(wù)，以及如何使用Swagger來(lái)設(shè)計(jì)REST API及創(chuàng)建其文檔。該章將重點(diǎn)介紹Docker，展示如何在不同的容器中運(yùn)行不同的服務(wù)。容器是目前在開(kāi)發(fā)人員中最熱門(mén)的主題之一，因?yàn)樗鼈兡軌蚝?jiǎn)化推出應(yīng)用程序的過(guò)程，并且使用起來(lái)不那么困難。

第9章介紹如何使用TensorFlow.js在Web瀏覽器中托管機(jī)器學(xué)習(xí)。我們將使用流行的Vue.js框架編寫(xiě)一個(gè)應(yīng)用程序，使用預(yù)訓(xùn)練的圖像模型來(lái)識(shí)別圖像。之后將介紹如何創(chuàng)建一個(gè)姿勢(shì)檢測(cè)應(yīng)用程序，識(shí)別圖像中人的姿勢(shì)�？梢詳U(kuò)展這個(gè)應(yīng)用程序，使用攝像頭來(lái)跟蹤姿勢(shì)，從而方便體育教練執(zhí)教。

第10章偏離了之前的主題。前面已經(jīng)編寫(xiě)了多個(gè)應(yīng)用程序，使用TypeScript作為主要編程語(yǔ)言來(lái)構(gòu)建UI。該章將使用ASP.NET Core和免費(fèi)的Discogs音樂(lè)API來(lái)編寫(xiě)一個(gè)音樂(lè)庫(kù)應(yīng)用程序，允許用戶(hù)輸入藝術(shù)家的姓名并搜索其音樂(lè)作品的詳細(xì)信息。我們將結(jié)合使用C#和TypeScript來(lái)查詢(xún)Discogs并構(gòu)建UI。

【如何使用本書(shū)】

在閱讀本書(shū)前，你應(yīng)該了解TypeScript的基礎(chǔ)知識(shí)。對(duì)HTML和Web頁(yè)面的了解也會(huì)很有用。

當(dāng)下載代碼使用包管理器（如npm）時(shí)，你需要知道如何恢復(fù)包，因?yàn)槲覀儧](méi)有在代碼存儲(chǔ)庫(kù)中包含這些包。要恢復(fù)包，可以在package.json所在的目錄中使用npm install。

在最后一章中，你不需要自己下載缺少的包。當(dāng)生成項(xiàng)目時(shí)，Visual Studio將恢復(fù)這些包。

本書(shū)的代碼示例在GitHub上提供，

地址為https://github.com/PacktPublishing/Advanced-TypeScript-3-Programming-Projects。如果代碼有更新，將更新到GitHub存儲(chǔ)庫(kù)中。