第一篇 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 網路應用程式



?