編程線上教學課程內容
課程簡介
TypeScript 是由 Microsoft 開發的強型別 JavaScript 超集,具備靜態型別檢查、類別導向設計與更嚴謹的程式結構。
本課程專為前端開發與全端學習者打造,透過一小時的精華教學,學員能快速理解 TypeScript 的核心功能,包括型別系統、介面(interface)、類別(class)與泛型(generics)。
課程以實作導向為主,搭配範例與即時演示,讓學員能立即體會 TypeScript 如何改善 JavaScript 的可讀性與可靠性。
適合對象:
一小時課程大綱
第一章:課程導入與環境設定(約 5 分鐘)
-
為何學 TypeScript:從 JavaScript 的不足與 TS 的優勢出發
-
TypeScript 的定位與應用(前端、後端、工具開發)
-
安裝與環境設定:Node.js、npm、TypeScript Compiler (tsc)
-
第一個程式:「Hello, TypeScript!」
-
說明編譯流程(.ts → .js)
第二章:變數與型別系統(約 10 分鐘)
第三章:物件與陣列型別(約 10 分鐘)
-
宣告物件的型別結構
-
陣列與 Tuple 的使用(固定型別陣列)
-
使用 readonly 鎖定資料不可變
-
範例:建立學生資料清單(姓名、成績、狀態)
第四章:函式與型別應用(約 10 分鐘)
第五章:介面(Interface)與型別別名(Type Alias)(約 10 分鐘)
-
定義物件結構與行為規範(interface)
-
擴展介面與多重繼承
-
使用 type 建立複雜型別別名
-
差異比較:interface vs type
-
範例:建立「產品」介面並撰寫資料顯示函式
第六章:類別與物件導向程式(約 10 分鐘)
第七章:進階應用與泛型(Generics)(約 10 分鐘)
第八章:迷你專案實作(約 10 分鐘)
第九章:延伸學習與課程總結(約 5 分鐘)