實體編程教學課程內容
課程簡介
本課程為三小時的集中入門訓練,專為想從 JavaScript 進階,或希望掌握強型別語言開發的學員設計。TypeScript 是由微軟(Microsoft)開發的超集語言,能在 JavaScript 的基礎上加入靜態型別、類別結構與現代開發支援,使大型專案更安全、易維護。
課程將以實作為主,從基礎語法、型別系統、函式與物件導向結構開始,逐步講解 TypeScript 如何強化 JavaScript 專案的可讀性與穩定性。完成課程後,學員將能夠建立、編譯並執行 TypeScript 程式,理解其與前端框架(如 Angular、React、Vue)整合的基礎概念。
課程目標
-
建立對 TypeScript 的語言定位與發展背景的理解。
-
熟悉基本語法、強型別系統與編譯原理。
-
能將 TypeScript 程式編譯為 JavaScript 並於瀏覽器或 Node.js 環境中執行。
-
掌握類別(Class)、介面(Interface)與模組化開發方式。
-
為進一步學習 Angular、React + TypeScript 或全端開發打下紮實基礎。
授課對象
-
具備基礎 HTML、CSS、JavaScript 知識的初學者。
-
想提升程式型別安全性與程式架構管理能力的前端/全端工程師。
-
曾學習 Java、C# 的開發者,欲輕鬆轉移至 TypeScript 環境者。
-
教育與培訓機構、企業內部數位轉型課程學員。
課程大綱
第一部分:TypeScript 概述與開發環境設定(約 40 分鐘)
-
TypeScript 的起源與定位。
-
TypeScript 與 JavaScript 的關係與優勢。
-
開發環境安裝與設定(VS Code + Node.js + TypeScript CLI)。
-
程式編譯與執行流程(.ts → .js)。
-
實作練習:建立第一個 TypeScript 程式 “Hello, TypeScript!”。
第二部分:語法基礎與資料型態(約 60 分鐘)
-
基本資料型態:string、number、boolean、any、unknown、void、null、undefined。
-
陣列與物件型別宣告。
-
Enum(列舉型別)與 Tuple(元組型別)。
-
型別推斷(Type Inference)與型別註記(Annotation)。
-
基本流程控制(if、for、while、switch)。
-
實作練習:宣告變數與建立簡單條件邏輯範例。
第三部分:函式、介面與泛型(約 45 分鐘)
第四部分:物件導向與模組化開發(約 35 分鐘)
-
類別(Class)、建構子與屬性(Property)應用。
-
繼承(Inheritance)與修飾詞(public / private / protected)。
-
模組(Module)導入與匯出(import / export)。
-
簡介 TypeScript 在前端框架中的應用(Angular、React)。
-
實作練習:建立簡單 OOP 應用物件並輸出資料。
課程特色