實體編程教學課程內容
課程簡介
本課程系統講解Vibe Coding十項核心原則:明確描述、單任務迭代、視覺優先、耐心除錯、擁有原始碼等,並透過多個主流AI開發平台對比實戰。學員將從純自然語言提示,逐步進階到多代理協作與生產部署,預期成果為可上線的習慣追蹤+AI教練SaaS。總時長3小時(概念30%、平台實作40%、專案整合30%)。
第一小時:Vibe Coding核心思維與工具選擇(60分鐘)
-
Vibe Coding十原則講解(20分鐘):明確性原則(具體描述最終成果)、單任務原則(一次解決一個問題)、視覺優先(先看效果再改邏輯)、耐心迭代(允許AI多次嘗試)。
-
平台生態對比(20分鐘):雲端IDE類(原型→生產)、終端代理類(CLI深度客製)、工作流類(業務自動化)、多代理類(團隊協作),依據專案類型快速選擇。
-
實作準備(20分鐘):建立GitHub帳號、申請API金鑰、設定瀏覽器開發者工具,統一專案需求「AI習慣教練:iOS風格UI+Claude智能建議+Stripe付費」。
第二小時:自然語言原型到全棧實作(60分鐘)
-
純提示原型生成(20分鐘):單一句子「建立iOS風格習慣追蹤器,含Claude AI教練」,體驗AI自動生成前端UI、Supabase資料庫、後端API架構。
-
視覺化迭代優化(20分鐘):選取元素指令「改成霓虹藍漸變+玻璃形態按鈕」、「新增折線圖習慣連續天數」,即時預覽並接受變更。
-
AI功能植入實作(20分鐘):獨立新增「連續3天未完成→智能提醒」、「習慣完成率→個人化建議」,驗證資料持久化與手機端適配。
第三小時:生產部署與商業化路徑(60分鐘)
-
一鍵全棧部署(15分鐘):自動生成Dockerfile+CI/CD,部署Azure/Vercel雙平台,設定GitHub OAuth與Cloudflare安全。
-
商業化功能整合(25分鐘):Stripe評測、Admin後台、SEO自動化、Google Analytics追蹤,AI生成行銷Landing Page。
-
成果展示與進階路徑(20分鐘):同學分享作品、專家點評。總結Vibe Coding商業閉環(MVP驗證→付費功能→數據反饋→迭代優化),提供6平台進階學習資源。