上門編程教學課程內容
課程簡介
本課程專為想從 JavaScript 進階至 強型別開發 的學員設計,三小時內完整講解 TypeScript(TS) 的語言特性、開發環境、核心語法與最佳實踐。
TypeScript 由微軟開發,是建立大型前端與後端專案的重要語言,具備靜態型別檢查、介面設計、類別支援與 ESNext 語法相容特性,廣泛應用於 React、Angular、Vue、Node.js 等框架之中。
課程將以「從 JavaScript 到 TypeScript」為主軸,結合理論講解與實作練習,讓學員快速入門並掌握型別導向開發思維。
適合對象:
學習成果:
-
理解 TypeScript 語言的主要特性與開發架構
-
掌握型別系統(Type System)與介面設計(Interface)
-
能將原有的 JavaScript 專案改寫為 TypeScript
-
熟悉類別、模組及泛型的基礎用法
-
建立強型別、可維護的前端或 Node.js 專案
課程時長
3 小時(180 分鐘)
理論與實作比例:約 3 : 7
課程大綱
第一部份:TypeScript 基礎概念與環境建置(30 分鐘)
-
為什麼需要 TypeScript:JavaScript 與 TS 的差異
-
TypeScript 編譯流程與語法特點
-
安裝與工具準備:Node.js、npm、VS Code、tsc 編譯器
-
建立第一個 TypeScript 專案與編譯設定(tsconfig.json)
-
實作:從 hello.ts 到轉譯後的 JavaScript
第二部份:變數、型別與運算(40 分鐘)
第三部份:函數與介面設計(40 分鐘)
第四部份:類別、模組與泛型(40 分鐘)
-
類別(Class)與建構子(Constructor)語法
-
繼承(Inheritance)、修飾詞(public、private、protected)
-
模組(Module)與命名空間(Namespace)的概念
-
泛型(Generics)介紹與應用實例
-
實作範例:建立資料倉儲類別與型別安全的 CRUD 函式庫
第五部份:專案實作與開發應用(30 分鐘)
-
簡易專案實作:Todo 管理小應用或 API 客戶端示例
-
錯誤處理與例外安全(Error Handling)
-
TypeScript 與 JavaScript 共存策略(漸進式導入)
-
延伸應用:React + TypeScript、Node.js API 專案實踐
-
進階導向:Decorator、型別守衛與 Design Pattern