8137 Vibe Coding前端網頁開發B班第02期 招生中

(1)其他(2小時)-開、結訓 (2)開發環境與 AI 配置(3小時)-VS Code 安裝與美化、Antigravity 插件設定、API Key 配置、認識 AI Agent 工作流。 (3)Git 流程與雲端部署(4小時)-Git 版本控制原理、GitHub 遠端倉庫管理、VS Code 內建 Git 圖形介面操作。 (4)GitHub Pages 實戰(4小時)-靜態網站發佈、自動化部署 (GitHub Actions) 概念、自定義 Domain 設定。 (5)Vibe Coding 生成術(4小時)-Prompt Engineering (指令工程)、需求文件撰寫、利用 AI Agent 進行多檔案關聯生成。 (6)HTML 語法解構與優化(4小時)-HTML5 語義化標籤、SEO 結構檢查、手動微調 AI 生成的 DOM 結構。 (7)CSS 視覺美學調校(4小時)-Flexbox 與 Grid 排版精講、CSS 變數、處理 AI 生成後的樣式衝突與 RWD 斷點。 (8)JavaScript 核心邏輯 (I)(4小時)-變數、資料型別、Function、條件判斷；理解 AI 是如何撰寫邏輯的。 (9)JavaScript 核心邏輯 (II)(4小時)-DOM 事件監聽 (Click/Submit)、陣列處理、動態增刪網頁元素。 (10)AI Debug 與重構實務(4小時)-使用瀏覽器 DevTools、利用 Antigravity 進行 Bug 診斷與程式碼效能優化。 (11)Google Sheets 資料串接(4小時)-Apps Script 環境設定、將試算表轉為 API、Fetch API 非同步請求原理。 (12)商業應用：動態資料站(4小時)-綜合實作：結合 Sheets 管理後台的動態資料站。 (13)專案驗收與成果發表(3小時)-專案打包優化、GitHub Pages 最終部署、作品集簡報與 Demo。

上課地點

資料來源

[
 {
  "source": "mol-6614",
  "field": "title",
  "value": "8137 Vibe Coding前端網頁開發B班"
 }
]