上門編程教學課程內容
課程簡介
本課程專為想快速掌握 前端互動開發核心語言 JavaScript 的初學者設計，三小時內帶領學員從「基礎語法」到「動態操作網頁」的完整入門。
JavaScript 是現代網頁與應用程式的靈魂，負責處理 資料邏輯、事件互動、動態內容更新與 API 溝通。不論是網站、行動應用、或前端框架（如 React、Vue、Angular），都以 JavaScript 為基礎。
課程以「理論講解 + 實作範例」為主軸，結合 HTML 與 CSS，協助學員即時理解程式運作並應用於實際網頁開發情境。
適合對象：
學習成果：
-
理解 JavaScript 的運作原理與語法結構
-
能撰寫互動行為（點擊、表單、動畫等）
-
掌握變數、流程控制、函數與事件處理
-
學會操作 DOM 元素並動態改變網頁內容
-
為進階 AJAX、API 或框架學習建立基礎
課程時長
3 小時（180 分鐘）
理論與實作比例約 3 : 7
課程大綱
第一部份：JavaScript 語言概觀與執行環境（30 分鐘）
-
JavaScript 的角色與用途（前端／後端應用）
-
語言特性與主流運作環境（Browser、Node.js）
-
JavaScript 在 HTML 中的使用方式（內嵌、外部載入）
-
使用瀏覽器開發者工具（DevTools / Console）觀察結果
-
實作：建立第一個 JS 範例腳本並輸出訊息
第二部份：變數、資料型別與運算概念（40 分鐘）
第三部份：條件判斷與流程控制（40 分鐘）
第四部份：DOM 操作與事件互動（40 分鐘）
-
DOM（Document Object Model）結構概念
-
使用 getElementById、querySelector 操作網頁元素
-
改變文字、樣式與屬性值（innerHTML / style）
-
事件監聽（onclick、addEventListener）與表單操作
-
實作練習：建立互動式按鈕與表單驗證範例
第五部份：進階應用與延伸方向（30 分鐘）
-
計時與動畫：setTimeout、setInterval、CSS 動態整合
-
JSON 與本地儲存（localStorage / sessionStorage）
-
初識非同步概念（簡介 Promise、fetch）
-
綜合實作：建立簡易互動式網頁（如倒數計時器或 To-Do List）
-
延伸學習方向：ES6 模組化、React、Node.js、API 開發
課程特色
