影音教學
TypeScript 官方(typescriptlang.org)目前沒有自製的教學影片頻道,官方社群頁 列的也只有 Discord、Stack Overflow、部落格這類文字資源。這一頁改收錄三種更接近「官方」的來源:微軟 Visual Studio Code 官方頻道請核心貢獻者錄的課、作者 Anders Hejlsberg 本人的公開演講,以及口碑清楚的中英文第三方課程。
各主題頁也嵌了最相關的一兩支;這裡是總表,方便一次找。
完整頻道與播放清單:
- Visual Studio Code 官方頻道(微軟官方,常請 TypeScript 核心貢獻者上節目)
- Matt Pocock(Total TypeScript) TypeScript 核心貢獻者,免費互動教學
- Net Ninja:TypeScript Tutorial 播放清單
- 彭彭:TypeScript 教學課程播放清單
- freeCodeCamp.org 頻道
官方認證
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
一支影片講完安裝、基本型別、interface、class、泛型,並串接一小段 React 範例。想「一次跟著打出東西」時看。對應 核心語法 到 進階型別。
TypeScript Crash Course with Matt Pocock
微軟官方頻道請 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 自家頻道製作的完整入門課,風格偏向紮實逐步講解,適合喜歡 freeCodeCamp 教學節奏的人。
Learn TypeScript in 50 Minutes - TypeScript Beginner Crash Course
來源:PedroTech 約 50 分鐘
比 8 小時課程短很多,只講日常最常用的部分,時間有限、想快速上手時看。
中文教學(彭彭)
彭彭的課程 這套繁中清單依序講語言簡介、變數型態、函式、物件與修飾字。建議從頭看到完;下面嵌幾支對應本站章節的,其餘用表格連到 YouTube。
TypeScript 變數資料型態
對應 基本型別。
TypeScript 函式參數、回傳值資料型態
對應 函式。
TypeScript 物件成員的修飾字
講 public/private/readonly 這類存取修飾詞,對應 類別。
其他中文課程
六角學院 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 播放清單其餘各集主題:安裝設定、編譯、基本型別、物件與陣列、明確型別、any、tsconfig、函式基礎、型別別名、函式簽章、DOM 與型別轉換、Class、Public/Private/Readonly、模組、Interface、Interface 搭配 Class、渲染 HTML 樣板——完整清單見 GitHub 課程檔案 或直接看 播放清單。
文字文件
- TypeScript 官方文件
- TypeScript for JavaScript Programmers
- Playground
- TSConfig Reference
- Utility Types 參考
- Total TypeScript 免費互動教學
- TypeScript 官方部落格
頻道與片長會變,若嵌入失效請改看官方文件。影片內容以發布當時的 TypeScript 版本為準,語法與 API 請隨時對照 官方文件 最新版。