官方課程資訊
尚未開放AI輔助Vibe Coding網頁程式設計開發班第01期
社團法人中華民國訓練品質管理協會 · 臺中市
01 官方來源資料
這門課的基本資訊
- 訓練單位
- 社團法人中華民國訓練品質管理協會
- 地區
- 臺中市
- 開課日期
- 2026-11-29
- 結束日期
- 2027-01-24
- 訓練時數
- 47 小時
- 官方報名狀態
- 目前尚未開始報名
- 官方報名截止
- 2026/11/26 18:00
- 最後取得資料
- 2026/09/25 05:38
以上資料取自勞動部在職訓練網；若資訊變動，請以官方頁面為準。
02 課程內容
你會學到什麼
開訓/網頁設計概論與編輯器環境配置 (I) 網頁設計概論、VS Code 安裝、中文化、核心快捷鍵、主題與字體美化
編輯器環境配置 (II) Antigravity 工具安裝與使用、API Key 設定、AI Agent 模式切換
Git 與 GitHub 基礎 版本控制原理、VS Code 內建 Git 圖形介面操作
GitHub Pages 部署 Repository 建立、靜態網站雲端發佈、自動化部署流程
Vibe Coding 生成實務 Prompt Engineering 技巧、利用 AI Agent 自動產生多檔案架構
快速原型開發 (MVP) 透過對話生成響應式導覽列、Hero Section 與形象頁面
HTML 語法說明與調校語義化標籤(Semantic)、SEO 結構檢查、手動修正 AI 代碼
CSS 語法說明與調校 Flexbox/Grid 排版精講、CSS 變數應用、解決跑版問題
JavaScript 語法說明 (I) JS 基礎語法：變數、資料型別、Function、箭頭函式
JavaScript 語法說明 (II) DOM 操作實務：事件監聽、網頁元素動態增刪改
JS 非同步與 Debug Fetch API 原理、Promise 概念、使用 AI 代理人進行除錯
串接 Google Sheets (I) Google Apps Script 環境設定、將試算表轉為 API 資料源
串接 Google Sheets (II) 前端讀取試算表資料、動態渲染產品清單、Loading 效果
實作範例：動態形象網站案例：結合 Sheets 管理後台的「活動報名與公告系統」
綜合專案實作與優化專案打包、代碼重構(Refactor)、效能檢查與行動版優化
成果展示與總結/結業式專案正式部署、GitHub Pages 驗收、個人作品集 Demo
編輯器環境配置 (II) Antigravity 工具安裝與使用、API Key 設定、AI Agent 模式切換
Git 與 GitHub 基礎 版本控制原理、VS Code 內建 Git 圖形介面操作
GitHub Pages 部署 Repository 建立、靜態網站雲端發佈、自動化部署流程
Vibe Coding 生成實務 Prompt Engineering 技巧、利用 AI Agent 自動產生多檔案架構
快速原型開發 (MVP) 透過對話生成響應式導覽列、Hero Section 與形象頁面
HTML 語法說明與調校語義化標籤(Semantic)、SEO 結構檢查、手動修正 AI 代碼
CSS 語法說明與調校 Flexbox/Grid 排版精講、CSS 變數應用、解決跑版問題
JavaScript 語法說明 (I) JS 基礎語法：變數、資料型別、Function、箭頭函式
JavaScript 語法說明 (II) DOM 操作實務：事件監聽、網頁元素動態增刪改
JS 非同步與 Debug Fetch API 原理、Promise 概念、使用 AI 代理人進行除錯
串接 Google Sheets (I) Google Apps Script 環境設定、將試算表轉為 API 資料源
串接 Google Sheets (II) 前端讀取試算表資料、動態渲染產品清單、Loading 效果
實作範例：動態形象網站案例：結合 Sheets 管理後台的「活動報名與公告系統」
綜合專案實作與優化專案打包、代碼重構(Refactor)、效能檢查與行動版優化
成果展示與總結/結業式專案正式部署、GitHub Pages 驗收、個人作品集 Demo
03 時間與地點
安排上課時間
- 上課時間
- 每週日09:00-12:00；13:00-16:00 （116/01/03暫停乙次）。
- 上課地點
- 學科場地地址：401008臺中市東區復興路四段186 號 5 樓-2(大魯閣新時代購物中心)(中華職訓教育協會 5 樓(502教室)) 開啟Google地圖(另開新視窗) 術科場地地址：401008臺中市東區復興路四段186 號 5 樓-2(大魯閣新時代購物中心)(中華職訓教育協會 5 樓(502教室)) 開啟Google地圖(另開新視窗)
04 報名資格
報名前請確認
學歷：高中/職(含)以上
年齡：年滿15歲以上
資格條件：1.對網頁程式設計開發相關有學習需求者。2.欲學習第二專長之在職勞工。
年齡：年滿15歲以上
資格條件：1.對網頁程式設計開發相關有學習需求者。2.欲學習第二專長之在職勞工。
補助適用資格與報名流程，請至官方查核。
用途 相關主題
這門課適合找什麼內容？
影音／設計、程式／自動化
主題依課名整理，實際內容請看官方說明。