內容簡介
TypeScript 邁向專家之路：零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰
內容簡介
想入門 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 網頁應用程式。
本書特色
★ 零基礎完整快速入門 JavaScript，並了解 TypeScript 如何解決其開發問題
★ 以循序漸進的範例摸透 TypeScript 的型別系統、類別、泛型、介面等強大功能
★ 活用 Node.js 環境及 TypeScript 開發工具來管理並執行專案
★ 介紹 ESLint 除錯套件、Jest 單元測試套件、Bootstrap CSS 套件、Webpack 網站打包套件...
★ 加入豐富的小編補充，提示你可用的 TypeScript 新功能、VS Code 編輯器套件等
★ 搭配現今最熱門前端框架 Angular、React 及 Vue.js 來打造網站，徹底整合 TypeScript 的威力
★ 建置網站並部署到 Express 伺服器 / Docker 容器上
★ 所有範例免費下載
★ 特別附錄電子書：以人氣急速竄升的 Svelte 框架 + TypeScript 實作本書範例網站！
內容簡介
想入門 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 網頁應用程式。
本書特色
★ 零基礎完整快速入門 JavaScript，並了解 TypeScript 如何解決其開發問題
★ 以循序漸進的範例摸透 TypeScript 的型別系統、類別、泛型、介面等強大功能
★ 活用 Node.js 環境及 TypeScript 開發工具來管理並執行專案
★ 介紹 ESLint 除錯套件、Jest 單元測試套件、Bootstrap CSS 套件、Webpack 網站打包套件...
★ 加入豐富的小編補充，提示你可用的 TypeScript 新功能、VS Code 編輯器套件等
★ 搭配現今最熱門前端框架 Angular、React 及 Vue.js 來打造網站，徹底整合 TypeScript 的威力
★ 建置網站並部署到 Express 伺服器 / Docker 容器上
★ 所有範例免費下載
★ 特別附錄電子書：以人氣急速竄升的 Svelte 框架 + TypeScript 實作本書範例網站！
作者簡介
作者簡介
Adam Freeman
Adam Freeman 是經驗豐富的 IT 專家，曾在多家大企業擔任技術長或營運長，退休後專職寫作，著作主題涵蓋 HTML5、Java、TypeScript、Angular、React、Vue.js、ASP.NET Core 和 Go 語言等。
Adam Freeman
Adam Freeman 是經驗豐富的 IT 專家，曾在多家大企業擔任技術長或營運長，退休後專職寫作，著作主題涵蓋 HTML5、Java、TypeScript、Angular、React、Vue.js、ASP.NET Core 和 Go 語言等。
內容目錄
目錄
第一篇 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 網路應用程式
第一篇 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 網路應用程式
ISBN: 9789863126904