上門編程教學課程內容
課程簡介
本課程專為希望快速掌握 Vue.js 前端框架的學員設計。三小時內，帶領你從零開始理解 Vue 的設計理念、指令語法、資料綁定與元件化架構，實作構建可重用的互動式前端應用。
Vue.js 以輕量、高效與易於上手著稱，是目前最受歡迎的前端框架之一，廣泛應用於 網站開發、管理系統、SPA（Single Page Application）與前端專案整合。
課程中將從 Vue 核心語法出發，逐步帶領學員實作出一個完整的動態網站，並了解元件、事件、資料流與 API 串接的應用技巧。
適合對象：
學習成果：
-
理解 Vue 的運作原理與框架特性
-
能建立 Vue 專案並使用核心語法編寫互動頁面
-
熟悉資料綁定、事件處理與條件渲染
-
掌握元件化架構、Props 與資料傳遞概念
-
能與外部 API 串接，開發實際動態應用
課程時長
3 小時（180 分鐘）
理論講解與實作比例約 3 : 7
課程大綱
第一部份：Vue 基礎概念與開發環境（30 分鐘）
第二部份：模板語法與資料綁定（40 分鐘）
第三部份：條件與清單渲染（40 分鐘）
-
條件渲染（v-if / v-else / v-show）
-
清單渲染（v-for）與索引用法
-
動態樣式（v-bind:class、v-bind:style）
-
計算屬性與監聽屬性（computed / watch）
-
實作：建立「商品清單與篩選功能」
第四部份：元件化開發與資料傳遞（40 分鐘）
-
元件（Component）概念與生命週期
-
Props 與資料向下傳遞
-
Emit 事件傳遞（父子元件互動）
-
Slot 插槽與組件重用設計
-
實作練習：製作「產品卡片元件」與「購物清單」
第五部份：API 串接與延伸應用（30 分鐘）
課程特色
