Vibecoder 啟航：設計師的 AI 全棧開發第一課

課程大綱

1. 第 1 章

   開始

   課程入門。

   • 01概觀試看綜合5 分
   • 02報到儀式試看互動5 分
2. 第 2 章

   全端世界觀

   • 01全端是什麼？餐廳比喻試看影片5 分
   • 02靜態 vs 動態網站試看影片5 分
   • 03什麼時候需要後端試看影片5 分
   • 04世界觀認知檢核試看測驗5 分
   • 05判斷拖拉：這個網站是？試看互動5 分
3. 第 3 章

   指揮中心

   • 01為什麼現在每個人都能寫程式試看影片5 分
   • 02安裝 Antigravity：打造指揮中心試看影片5 分
   • 03裝機 Checkpoint試看互動5 分
   • 04第一句咒語試看影片5 分
   • 05Prompt 診斷小測試看測驗5 分
4. 第 4 章

   指令煉金術

   • 01指路明燈：精準提供上下文試看影片5 分
   • 02上下文選擇器練習試看互動5 分
   • 03Chat vs Agent Build試看影片5 分
   • 04情境配對小測試看測驗5 分
   • 05萬能指令公式試看影片5 分
   • 06Prompt 積木組裝試看互動5 分
5. 第 5 章

   結構設計

   • 01結構思維：網頁就是「方塊與抽屜」試看影片5 分
   • 02觀念對照小測試看測驗5 分
   • 03實作：極簡個人數位名片試看影片5 分
   • 04截圖轉 Prompt 練習試看互動5 分
   • 05微調的藝術，指哪裡改哪裡試看影片5 分
   • 06作品上傳 Checkpoint試看互動5 分
6. 第 6 章

   邏輯與故障排除

   • 01邏輯拆解：大象怎麼裝進冰箱試看影片5 分
   • 02實作番茄鐘 第一階段：外觀試看影片5 分
   • 03實作番茄鐘 第二階段：功能試看影片5 分
   • 04事件拆解小測試看測驗5 分
   • 05紅字出現三招試看影片5 分
   • 06該用哪招？情境判斷試看互動5 分
   • 07情緒管理與土法版控試看影片5 分
7. 第 7 章

   響應式與上線

   • 01響應式檢查：手機看也美試看影片5 分
   • 02響應式自測 Playground試看互動5 分
   • 03Vercel 一鍵部署試看影片5 分
   • 04結業儀式，網址貼上生成證書試看互動5 分
   • 05解鎖 Vibecoder Level 1 啟航徽章試看互動5 分