Skip to content

建立 2026-09-15 更新 2026-09-15

影音教學

TypeScript 官方(typescriptlang.org)目前沒有自製的教學影片頻道,官方社群頁 列的也只有 Discord、Stack Overflow、部落格這類文字資源。這一頁改收錄三種更接近「官方」的來源:微軟 Visual Studio Code 官方頻道請核心貢獻者錄的課、作者 Anders Hejlsberg 本人的公開演講,以及口碑清楚的中英文第三方課程。

各主題頁也嵌了最相關的一兩支;這裡是總表,方便一次找。

完整頻道與播放清單:

官方認證

TypeScript 目前沒有微軟或 TypeScript 團隊官方發行的認證考試(不像 Vue 有 Vue School/Vue.js 組織合作的 Certificates.dev)。市面上看到的「TypeScript 證書」多半是課程平台自己核發的結業證明,選課時請以內容品質、更新程度為主,不要被「證照」兩個字誤導。

建議先看這五部

時間不多就看這五部,對應本站的 20% 核心:TypeScript 是什麼、型別系統速覽、中文入門、英文完整入門課、作者親自講解。

TypeScript in 100 Seconds

來源:Fireship 約 2 分鐘

用最短路徑講 TypeScript 跟 JavaScript 的關係、型別註記與型別推論。完全沒接觸過時先看,對應首頁 TypeScript 是什麼?

TypeScript In 5 Minutes: A VERY Brief Intro

來源:Colt Steele 約 5 分鐘

比 100 秒版本多一點篇幅,看得到一小段實際編輯器操作與編譯過程,適合看完 100 秒版還想再多一點畫面感的人。

TypeScript 語言簡介、快速開始

來源:彭彭的課程 播放清單第一支

繁中從「為什麼需要 TypeScript」講起,示範安裝與第一次編譯。完整清單:TypeScript 教學課程。對應 安裝與編譯

TypeScript Crash Course

來源:Traversy Media

一支影片講完安裝、基本型別、interface、class、泛型,並串接一小段 React 範例。想「一次跟著打出東西」時看。對應 核心語法進階型別

TypeScript Crash Course with Matt Pocock

來源:Visual Studio Code 官方頻道

微軟官方頻道請 TypeScript 核心貢獻者 Matt Pocock 主講,從安裝、型別註記講到怎麼讀懂編譯器的錯誤訊息。本站最接近「官方影音」的一支,已嵌在 核心語法總覽

官方頻道與作者本人

微軟官方頻道、以及 TypeScript 作者 Anders Hejlsberg 的公開演講,是了解「TypeScript 為什麼這樣設計」最直接的來源。

The TSConfig Cheat Sheet

來源:Matt Pocock

TypeScript 核心貢獻者把常用 tsconfig.json 選項整理成一支速查影片。對應 tsconfig 常用設定

LIVE: Anders Hejlsberg on TypeScript's Go Port

來源:Matt Pocock 專訪 TypeScript 作者 Anders Hejlsberg

談微軟把 TypeScript 編譯器用 Go 重寫(即 TypeScript 7/tsgo)、編譯速度提升約 10 倍的計畫與動機。適合已經熟悉基礎語法、想知道「接下來會怎麼變」的人,對應 實務整合總覽

TSConf 2019 Keynote — Anders Hejlsberg

來源:TSConf(SitePen 頻道錄影)

作者在 TypeScript 社群年度大會上,親自講型別系統的設計取捨與發展方向。想理解專案背景與設計哲學時看,不是操作逐步教學。

英文完整課程

篇幅較長,適合當成線上課程從頭跟到尾;章節時間軸通常在影片說明欄。

TypeScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours

來源:Dave Gray 約 8 小時

從基本型別、函式、interface、class、泛型講到在專案裡實際設定 tsconfig,單支影片涵蓋本站 核心語法進階型別 幾乎全部主題。

Learn TypeScript - Full Course for Beginners

來源:freeCodeCamp.org

freeCodeCamp 自家頻道製作的完整入門課,風格偏向紮實逐步講解,適合喜歡 freeCodeCamp 教學節奏的人。

Learn TypeScript in 50 Minutes - TypeScript Beginner Crash Course

來源:PedroTech 約 50 分鐘

比 8 小時課程短很多,只講日常最常用的部分,時間有限、想快速上手時看。

中文教學(彭彭)

彭彭的課程 這套繁中清單依序講語言簡介、變數型態、函式、物件與修飾字。建議從頭看到完;下面嵌幾支對應本站章節的,其餘用表格連到 YouTube。

TypeScript 變數資料型態

對應 基本型別

TypeScript 函式參數、回傳值資料型態

對應 函式

TypeScript 物件成員的修飾字

publicprivatereadonly 這類存取修飾詞,對應 類別

其他中文課程

六角學院 TypeScript 實戰課:打造工程師型別思維 是完整付費課,4 週從 JavaScript 過渡到 TypeScript 思維,不是 YouTube 免費片,故以連結標出。

React 與 Node.js 實務

TypeScript in React - COMPLETE Tutorial (Crash Course)

來源:ByteGrad

專講 TypeScript 在 React 專案裡的實際寫法:props、state、事件、常見錯誤。對應 React + TypeScript

All The TypeScript You Need to Know For React Development

來源:PedroTech 約 50 分鐘

濃縮版,把「寫 React 專案最低限度要會的 TypeScript」講完。對應 React + TypeScript

TypeScript Tutorial #18 - Generics

來源:Net Ninja

播放清單裡專講泛型的一集,對應 泛型。完整清單:TypeScript Tutorial

Net Ninja 播放清單其餘各集主題:安裝設定、編譯、基本型別、物件與陣列、明確型別、anytsconfig、函式基礎、型別別名、函式簽章、DOM 與型別轉換、Class、Public/Private/Readonly、模組、Interface、Interface 搭配 Class、渲染 HTML 樣板——完整清單見 GitHub 課程檔案 或直接看 播放清單

文字文件

頻道與片長會變,若嵌入失效請改看官方文件。影片內容以發布當時的 TypeScript 版本為準,語法與 API 請隨時對照 官方文件 最新版。