COURSE MAP
課程地圖
照順序走，實作課每一課都看得到一個成果。點任一課直接跳到說明。
PHASE 04
做出小店預約
- 從 01 出發：先看你會做出什麼
- 第 04 課：第一個網頁
- 第 09 課：客人能在網頁預約
- 第 12 課：店家自己改設定
- 第 16 課：網頁、後台、App 串起來
- 第 17 課：測試過、錄下作品
- 第 22 課：你自己的產品雛形
- 13、15–16 可以先跳過
WHAT YOU'LL BUILD
你會做出什麼：一套小店預約系統
客人用網頁或 App 選時段，店家在後台看到預約。每個零件都先用生活比喻講懂，再請 Codex 做出來。
- 課程使用的工具
- ChatGPT／Codex
- VS Code
- Docker Compose
- Python・FastAPI
- PostgreSQL
- Redis
- React
- Flutter
- 第 06 課說明為什麼這樣選
CURRICULUM
完整課程內容
24 課・7 個階段。第一次接觸就從 01 開始；13、15–16 可以先跳過。
PHASE 01 · 3 課
認識 Vibe Coding 和工具
先弄懂 vibe coding 和 AI 寫程式的工具，選好 Codex、裝起來。
PHASE 02 · 2 課
第一次做出東西
先在自己電腦上做出一個網頁，再打開來看看程式長什麼樣子。
PHASE 03 · 1 課
規劃你的產品
動手之前，先把要做什麼、由哪些零件組成想清楚。
PHASE 04 · 10 課
做出小店預約
一課加一個零件：第 09 課就能在網頁上預約，第 16 課網頁、後台和 App 全部串起來。
PHASE 05 · 3 課
上線前要懂的事
先請 Codex 測一遍、錄下作品，再弄懂部署、維運與資安的觀念。
PHASE 06 · 3 課
換成你的點子
拿出第 06 課寫好的產品說明，用同樣的順序做出你自己的產品。
PHASE 07 · 2 課
往商用產品前進
雛形做出來之後，收費、登入、通知與營運各是什麼、什麼情況才需要。
FAQ
常見問題
Vibe Coding 是什麼？
Vibe coding 是用平常說話的方式告訴 AI 你要做什麼，由 AI 寫程式、你負責確認結果的做法。你不必自己寫程式，但要會把需求說清楚、會判斷做出來的東西對不對。
完全沒有程式背景，真的做得出來嗎？
可以。這門課不要求你寫程式或打指令，每一步都附可以直接複製的提示詞，並告訴你怎麼看結果、卡住時怎麼跟 Codex 說。每個技術名詞第一次出現時，都先用生活比喻說明。
上完課會做出什麼？
一個在自己電腦上跑得起來的「小店預約」完整雛形：客人用網頁或 App 選服務和時段預約、收到確認信，店家登入管理後台看預約、自己改營業時間，兩個人搶同一個時段時只有一個人成功。接著用同樣的順序做出你自己的點子。
一定要每一課都做嗎？
第 13 課（兩個人搶同一個時段）和第 15–16 課（App）可以先跳過：做完其他課，就是「網頁路線」畢業，有網頁、管理後台和確認信；全部做完，才是包含防重複預約和 App 的「完整 MVP」。
需要什麼電腦和工具？
以 Apple 晶片（M1 以後）的 Mac 為主，工具是 ChatGPT 桌面 App 裡的 Codex，以及免費的 VS Code 編輯器。Windows 也能做完 App 那兩課以外的所有課程，走網頁路線畢業；App 課使用的 iOS 模擬器只能在 Mac 上執行。
做完可以直接上線給客人用嗎？
還不行。課程做到在自己電腦上完整跑起來，並用觀念說明部署到雲端、測試、資安、個資與日常維運；課程最後也會點到收費、登入、通知與營運，讓你知道正式上線前還差哪幾步。
ABOUT THIS COURSE
做出來的，是你自己的產品。
這套教學由奧微軟體規劃與撰寫。我們平常替企業開發網站、App 與管理後台，這門課把同樣的做法拆成沒寫過程式也跟得上的步驟。
這是獨立教學，不是 OpenAI 官方課程。操作畫面以撰寫當時的 ChatGPT 桌面 App 為準，介面改版時會定期複查並更新。發布日期 ・最後更新 ・名詞表・ChatGPT／Codex 官方說明 ↗