TypeScript邁向專家之路: 零基礎 JavaScript打通Angular、React 與Vue.js前端框架實戰

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

Adam Freeman

是經驗豐富的 IT 專家，曾在多家大企業擔任技術長或營運長，退休後專職寫作，著作主題涵蓋 HTML5、Java、TypeScript、Angular、React、Vue.js、ASP.NET Core 和 Go 語言等。