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

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

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

在為本書做最初調(diào)查時，有個問題一再浮現(xiàn)：現(xiàn)在的熱點技術(shù)是什么？人們在使用什么新的、令人興奮的新技術(shù)？本書旨在介紹一些這樣的技術(shù)，包括GraphQL、微服務和機器學習。同樣，本書無法介紹相關(guān)技術(shù)的所有信息。所以，本書只是簡單介紹這些技術(shù)，并展示在使用這些技術(shù)進行開發(fā)時，TypeScript的強大功能可以讓開發(fā)工作變得簡單許多。

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

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

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

【本書面向的讀者】

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

即使你對TypeScript有比較深入的了解，本書中也會介紹一些你以前可能沒有使用過的技術(shù)，你應該會對這些資料感興趣。

【本書內(nèi)容】

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

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

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

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

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

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

第7章將說明我們已經(jīng)無法忽視云服務的發(fā)展。該章將創(chuàng)建的應用程序是最后一個Angular應用程序，它使用了兩個不同的、基于云的服務。第一個云服務是必應地圖，我們在這里展示了如何注冊一個第三方的云地圖服務，并把它集成到自己的應用程序中。我們將介紹該服務對不同使用規(guī)模的收費情況。我們將顯示一個地圖來讓用戶保存興趣點，并通過使用Google的Firebase云平臺，把這些數(shù)據(jù)存儲到一個單獨的云數(shù)據(jù)庫中。

第8章利用前面使用React和MEAN棧的經(jīng)驗，介紹如何使用一個等效的基于React的棧。我們第一次接觸MEAN時，使用REST來與一個應用程序端點通信。而在該章的應用程序中，我們將與多個微服務通信，創(chuàng)建一個簡化的基于React的CRM系統(tǒng)。我們將討論什么是微服務，什么時候使用微服務，以及如何使用Swagger來設計REST API及創(chuàng)建其文檔。該章將重點介紹Docker，展示如何在不同的容器中運行不同的服務。容器是目前在開發(fā)人員中最熱門的主題之一，因為它們能夠簡化推出應用程序的過程，并且使用起來不那么困難。

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

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

【如何使用本書】

在閱讀本書前，你應該了解TypeScript的基礎(chǔ)知識。對HTML和Web頁面的了解也會很有用。

當下載代碼使用包管理器（如npm）時，你需要知道如何恢復包，因為我們沒有在代碼存儲庫中包含這些包。要恢復包，可以在package.json所在的目錄中使用npm install。

在最后一章中，你不需要自己下載缺少的包。當生成項目時，Visual Studio將恢復這些包。

本書的代碼示例在GitHub上提供，

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