GitHub Spark AI - Vibe Coding編程課程

實體編程教學課程內容

這門課程專為GitHub生態使用者設計，利用Spark平台的自然語言開發實現Vibe Coding無縫體驗，從單一句子描述生成全棧智能應用。學員將學習多模型選擇、即時預覽迭代與一鍵Azure部署，在3小時內建構個人習慣追蹤器小工具。

課程簡介

本課程聚焦GitHub Spark相較其他AI IDE的獨特優勢：內建GitHub身份認證、Copilot Chat提示生成、多模型支援（GPT-4o、Claude 3.5、Gemini 1.5）與原生repo整合。適合GitHub Copilot Pro+使用者與技術教育者，預期成果為可分享的PWA漸進網頁應用。總時長3小時（講解30%、實作70%），每月375次Spark訊息額度足夠練習。

第一小時：Spark環境與自然語言開發（60分鐘）

• GitHub Spark架構解析（15分鐘）：介紹自然語言編輯器、交互式預覽、修訂變體生成與自動歷史紀錄，對比Cursor/Trae的IDE限制。

• Copilot Pro+環境啟動（15分鐘）：導航至github.com/spark、確認375 Spark訊息額度、設定深色主題與TypeScript/React預設，體驗Copilot自動生成初始prompt。

• 實作一：習慣追蹤器原型（30分鐘）：輸入「建立AI習慣追蹤器，支援iOS/Android同步」，觀察Spark自動生成前端UI、後端API與Supabase資料庫結構並即時預覽。​

第二小時：智能迭代與AI功能植入（60分鐘）

• 多變體優化實戰（20分鐘）：請求「生成3個不同風格的儀表板變體」，比較智慧建議並一鍵套用最佳版本，微調配色與動畫效果。

• 內嵌AI代理功能（20分鐘）：指令「新增Claude 3.5智能提醒，分析連續3天未完成習慣」，選擇Deepseek模型生成自然語言回饋系統。

• 測試實作（20分鐘）：獨立開發餐食規劃器，驗證PWA離線功能、GitHub OAuth登入與跨裝置資料同步。​

第三小時：一鍵部署與GitHub生態整合（60分鐘）

• Azure自動部署（15分鐘）：點擊「Publish」生成公開連結，設定讀寫權限並邀請團隊remix，啟用內建分析追蹤使用量。

• 進階GitHub工作流（20分鐘）：同步至GitHub repo、開啟Codespaces + Copilot代理模式、自動生成Pull Request與Dependabot安全修復。

• 作品展示與Q&A（25分鐘）：學員分享成果並反饋。總結Spark Vibe Coding九大精髓（自然語言優先、多變體探索、Copilot提示、PWA原生、一鍵部署、GitHub身份、模型選擇、即時預覽、團隊remix），提供Spark官方文件資源。