內容簡介 　　想入門 TypeScript 4 並打通前端應用程式開發，選這本就對了！ 　　使用 TypeScript 打造前端應用，已經蔚為趨勢。2020 年 State of JS 調查指出高達 78% 前端開發者使用它, 而在 Github 上，TypeScript 的熱門度短短幾年內便躍居第四。如今各大前端框架與開發工具都已完整支援 TypeScript，構成不容忽視的龐大生態圈。 　　究竟什麼是 TypeScript？它乃是 JavaScript 語法的強大延伸，能夠解決開發 JS 時帶來的混亂，大大增進開發效率。透過這本書循序漸進的豐富範例，各位將能從源頭理解 TypeScript 如何解決 JS 的問題，完整理解 TypeScript 的功能及開發工具，最後學會怎麼使用當今熱門框架 Angular、React 及 Vue.js 打造一個購物網站範例。 　　集入門與實用於一身，從零基礎變成專家，這本書就是您入門現代前端開發的必備指南。 　　本書的內容依照主題重點, 分成三大部分： 　　1. 第一篇 『TypeScript 入門準備』 ( 第 1 至 6 章) 為必備的基礎知識, 為你的 TypeScript 開發打下穩固基礎。這包括 JavaScript 快速入門, 以及如何運用 TypeScript 編譯器工具。 　　2. 第二篇 『TypeScript 徹底解析』 ( 第 7 至 14 章) 開始介紹靜態型別、類別、介面、泛型等 TypeScript 生產力特色, 搭配各種範例進行深入淺出的探討。 　　3. 第三篇 『TypeScript 實戰攻略』 ( 第 15 至 22 章) 將帶領讀者以TypeScript 在最受歡迎的 Angular、React 與 Vue.js 開發框架上打造網頁應用程式。這部分的章節會詳述每種框架適用的 TypeScript 功能, 並展示完成開發網頁應用時所需的一般過程。為了協助讀者理解這些框架,本書亦會先示範如何不仰賴這些框架來設計一個獨立的 JavaScript 網頁應用程式。 目錄 第一篇 TypeScript 入門準備 1 你的第一個 TypeScript 應用程式 1-1 本書行前準備 1-2 創建並執行第一個 TypeScript 專案 1-3 本章總結 2 認識 TypeScript 及本書內容 2-1 TypeScript 可提高 JavaScript 開發效能 2-2 TypeScript 讓專案能相容於舊版 JavaScript 2-3 閱讀本書前的準備 2-4 本書的內容 2-5 本章總結 3 JavaScript 快速入門 (上) 3-1 本章行前準備 3-2 JavaScript 的令人困惑之處 3-3 理解 JavaScript 的資料型別 3-4 運用函式 3-5 陣列的運用 3-6 物件的運用 3-7 了解 this 關鍵字 3-8 本章總結 4 JavaScript 快速入門 (下) 4-1 本章行前準備 4-2 了解 JavaScript 的物件繼承 4-3 在 JavaScript 使用類別 (class) 4-4 走訪器與產生器的使用 4-5 JavaScript 集合的操作 4-6 撰寫與匯入 JavaScript 模組 4-7 本章總結 5 使用 TypeScript 編輯器 5-1 本章行前準備 5-2 套件管理與 package.json 5-3 設定編譯輸出版本 5-4 常用的編譯器設定 5-5 本章總結 6 TypeScript 程式的測試與除錯 6-1 本章行前準備 6-2 TypeScript 程式碼的除錯 6-3 使用 ESLint 錯誤檢查工具 6-4 對 TypeScript 進行單元測試 6-5 本章總結 第二篇 TypeScript 徹底解析 7 了解 TypeScript 的靜態型別 7-1 本章行前準備 7-2 了解靜態型別 7-3 TypeScript 的其他型別功能 7-4 TypeScript 的特殊型別 7-5 本章總結 8 在 TypeScript 使用函式 8-1 本章行前準備 8-2 定義函式 8-3 了解函式的傳回值 8-4 函式的型別多載 (type overloading) 8-5 本章總結 9 在 TypeScript 使用陣列、tuple 與列舉 9-1 本章行前準備 9-2 陣列的運用 9-3 tuple 的運用 9-4 列舉值 (enum) 的運用 9-5 字面值型別 (literal value type) 的使用 9-6 使用型別別名 (type alias) 9-7 本章總結 10 在 TypeScript 運用物件 10-1 本章行前準備 10-2 在 TypeScript 運用物件 10-3 物件形狀型別的聯集與型別防衛敘述 (type guard) 10-4 使用型別交集 (type intersections) 10-5 了解型別交集的效果 10-6 本章總結 11 在 TypeScript 使用類別與介面 11-1 本章行別準備 11-2 使用函式建構子 (constructor function) 11-3 使用類別 11-4 抽象類別 (abstract class) 的使用 11-5 介面 (interfaces) 的使用 11-6 動態建立屬性 11-7 本章總結 12 在 TypeScript 使用泛型 12-1 本章行前準備 12-2 為什麼需要使用泛型？ 12-3 泛型類別 (generic class) 12-4 泛型類別的繼承 12-5 泛型類別的其他操作 12-6 泛型介面 12-7 本章總結 13 TypeScript 的進階泛型功能 13-1 本章行前準備 13-2 泛型集合的使用 13-3 泛型走訪器的使用 13-4 索引型別的使用 13-5 使用型別映射 (type mapping) 13-6 使用條件型別 (conditional types) 13-7 本章總結 14 在 TypeScript 專案中混用 JavaScript 14-1 本章行前準備 14-2 在 TypeScript 專案中使用 JavaScript 14-3 描述 JavaScript 程式中使用的型別 14-4 本章總結 第三篇 TypeScript 實戰攻略 15 打造獨立網路應用程式 (上) 15-1 本章行前準備 15-2 建立工具鏈 (toolchain) 15-3 建立資料模型 15-4 將產品資料呈現於網頁 15-5 使用 JSX/TSX 建立 HTML 內容 15-6 為網站加入其餘功能 15-7 本章總結 16 打造獨立網路應用程式 (下) 16-1 本章行前準備 16-2 讓專案存取網路服務 16-3 裝飾器的使用 16-4 完成範例應用程式 16-5 應用程式的部屬 16-6 容器化應用程式 16-7 本章總結 17 打造 Angular 網路應用程式 (上) 17-1 本章行前準備 17-2 TypeScript 在 Angular 開發中扮演的角色 17-3 替網站加入資料 17-4 在應用程式顯示資料 17-5 本章總結 18 打造 Angular 網路應用程式 (下) 18-1 本章行前準備 18-2 完成範例應用程式的其他功能 18-3 部屬應用程式 18-4 容器化應用程式 18-5 本章總結 19 打造 React 網路應用程式 (上) 19-1 本章行前準備 19-2 TypeScript 在 React 開發中扮演的角色 19-3 建立資料類別 19-4 替網站加入元件 19-5 建立 Data Store 與 HTTP 請求功能 19-6 本章總結 20 打造 React 網路應用程式 (下) 20-1 本章行前準備 20-2 設定 URL 路由 20-3 完成範例應用程式的其他功能 20-4 應用程式的部屬 20-5 容器化應用程式 20-6 本章總結 21 打造 Vue.js 網路應用程式 (上) 21-1 本章行前準備 21-2 TypeScript 在 Vue.js 開發中扮演的角色 21-3 建立資料類別 21-4 替網站加入元件 21-5 連結到 data store 21-6 讓網站存取網路服務 21-7 本章總結 22 打造 Vue.js 網路應用程式 (下) 22-1 本章行前準備 22-2 設定 URL 路由 22-3 完成範例應用程式的其他功能 22-4 應用程式的部屬 22-5 容器化應用程式 22-6 本章總結 Bonus (電子書) 打造 Svelte 網路應用程式