首頁 搜尋 我的知識庫
TypeScript 邁向專家之路:零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰

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

作者: Adam Freeman
出版社: 旗標
出版日期: 2021/11/08
ISBN-13: 9789863126904
書店 1







內容描述


想入門 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 入門準備

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

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






相關書籍

Keras大神歸位:深度學習全面進化!用 Python 實作CNN、RNN、GRU、LSTM、GAN、VAE、Transformer

新觀念 PHP8+MySQL+AJAX 網頁程式範例教本(第六版)

行動與無線通訊(經典第七版)

實戰SEO 第四版|60天讓網站流量增加20倍