派課室 · 程式設計（三）· 第三學期
AI 協作開發：用六步建站法做出有資料庫的網站
十八週，從第一次和 AI 協作，到獨立完成自己的網站平台。你負責「把需求說清楚、檢查 AI 做得對不對」，AI 負責寫程式。
上課節奏
每週一次課，共 16 個上課週。第 9 週期中考、第 18 週期末考。
需要的設備
筆電（Windows 10 以上或 macOS 12 以上），能上網。詳見環境安裝。
先修
程式設計（一）、（二）。會讀基本的 Python 程式即可。
這門課要做什麼
和 AI 一起寫程式，最常見的失敗不是「寫不出來」，而是做到一半就崩掉：需求一改，AI 就整份重寫；專案一大，AI 就忘了前面的決定；出了錯，不知道是哪一層壞掉。
這門課教一套固定的做事方法，讓你換了題目也能穩定做完：
- 定義問題：寫出使用者故事，知道要為誰、解決什麼。
- 畫出畫面：頁面地圖與草圖。
- 設計資料：資料表與關聯。
- 一次一條功能：從畫面、後端到資料庫打通一條，再做下一條。
- 驗收：用自動測試和標準答案證明它是對的。
- 上線：取得公開網址，讓別人用得到。
期末你會擁有：四個有資料庫、有公開網址的網站：示範的台南吃貨評分站、記帳網站、社團報名平台，以及一個你自己提案的期末專題。其中一個會用 Next.js 重做一次，證明這套方法換了技術也適用。
十八週課程地圖
| 週次 | 單元 | 主題 | 當週產出 | 狀態 |
|---|---|---|---|---|
| W1 | 1-1 | Vibe Coding 入門與環境安裝 | 裝好開發環境；第一次 AI 協作與審查 | 完成 |
| W2 | 1-2 | 六步建站法與 PROJECT.md | 自己點子的 PROJECT.md 初稿 | 完成 |
| W3 | 1-3 | 資料庫入門：用 SQL 存取資料 | 吃貨評分站資料庫與排行榜 SQL | 完成 |
| W4 | 2-1 | 示範專案：台南吃貨評分站（上） | Flask 骨架；排行榜與店家頁 | 完成 |
| W5 | 2-1 | 示範專案：台南吃貨評分站（下） | 新增評論與店家；17 項測試全過 | 完成 |
| W6–8 | 3-1 | 專案一：記帳網站 | 完整六步，部署到 Vercel（雲端資料庫 Neon） | 完成 |
| W9 | — | 期中考 | — | |
| W10–11 | 4-1 | 專案二：社團活動報名平台 | 登入、權限與個資保護 | 完成 |
| W12–13 | 5-1 | 換一套技術：Next.js | Next.js 版吃貨站，部署到 Vercel | 完成 |
| W14–15 | 6-1 | 幫平台加上 AI 功能 | 串接 LLM API | 完成 |
| W16–17 | 7-1 | 期末專題 | 提案、開發、3 分鐘 Demo | 完成 |
| W18 | — | 期末考 | — |
完成檢核表
期末依下列項目檢核。勾選狀態會記在你這台電腦的瀏覽器裡。
上課前請先知道的三件事
1. 你的工作是說清楚與檢查
程式碼由 AI 寫，但「要做什麼」「怎樣算做對」由你決定。看不懂的程式，直接請 AI 解釋到懂為止。
2. AI 會出錯，而且很有自信
每一週都有標準答案或自動測試。AI 說「完成了」不算數，對過答案才算。
3. 不把個資交給 AI
課堂一律使用虛構資料。帳號密碼、API 金鑰、別人的個資，永遠不貼進 AI 的對話框。
課程資源
環境安裝
Antigravity、Python、Git、GitHub，Windows 與 Mac 步驟
專案工具包
提案書、時程表、週誌、測試紀錄、Demo 指引、專案回顧
資源與下載
PROJECT.md 模板、提示詞模板、吃貨站資料庫與參考解答
派課室互動課程
每週觀念的互動卡片與語音講解
每週頁面上方的「投影模式」（或按 P）會把頁面切成投影片，方向鍵換頁、Esc 離開。虛線框的講師備註在投影時不會顯示，可以放心直接投影。