學會指揮 AI 寫程式，
而不是對它許願

程式是什麼 — 給電腦的食譜

robot-grid：指令排序讓機器人走到旗子

變數與資料 — 有名字的盒子

variable-lab：親手操作變數盒子

判斷與迴圈 — 電腦的決定與重複

flow-runner：售票機流程模擬

函式 — 把魔法打包

function-factory：機器串管線

第一行 code — 就在這頁跑

first-playground：5 張任務卡

網頁三兄弟 — HTML / CSS / JS

trio-editor：三分頁編輯器＋即時預覽

做一個真的遊戲 — 猜數字

guess-game-build：4 步漸進建造

Bug 與 Debug — 錯誤是朋友

bug-clinic：治癒 5 個病人

什麼是 Vibe Coding — AI 寫程式的時代

spectrum-quiz：你是哪種協作者

Prompt 是規格書 — 把需求說清楚

prompt-lab：三種 prompt 對比實驗

讀懂 AI 的 code — 會讀不用會寫

code-xray：X 光閱讀室

驗證心態 — 別相信，要測試

test-arena：抓出運費計算機的 bug

Debug AI 的 code — 錯誤閱讀術 2.0

debug-dojo：文字冒險式除錯

拆解大任務 — 計畫→小步→驗證

task-splitter：步驟卡排序評分

資料的形狀 — 清單、字典與 JSON

json-explorer：JSON 探險家

API — 程式跟世界說話的方式

api-cafe：天氣咖啡廳模擬

存檔點與後悔藥 — 版本控制

git-timeline：時光機模擬器

系統全景 — 一個請求的旅程

request-journey：8 站請求劇場

實戰全紀錄 — 從零做出分帳神器

project-simulator：專案駕駛艙

出師 — 工具箱與 30 天計畫

final-trial + plan-generator