從零開始
從 VS Code、檔案結構和瀏覽器執行開始，不預設讀者已經熟悉工程流程。
Codex + VS Code + HTML + CSS + JavaScript
AI Coding 入門
從零開始學會和 Codex 協作，做出可以執行、可以修改、可以展示的第一批網頁專案。
Book Focus
為初學者設計的 AI coding 學習路線
只用前端基礎
全書限定 HTML、CSS、JavaScript，不引入框架、後端或資料庫。
用 Codex 邊做邊學
每章都有 prompt 範例，示範如何請 Codex 規劃、產生、修改與除錯。
每章都有成果
從小互動到完整作品集，讓學習過程逐步累積成可展示的作品。
Chapters
18 章完整規劃
第 1-3 章
入門與環境
AI coding、VS Code、第一次和 Codex 協作第 4-8 章
前端基礎
HTML、CSS、JavaScript、互動與需求拆解第 9-13 章
小專案實作
個人網站、待辦清單、計算機、圖片展示、學習儀表板第 14-18 章
工作流程
讀碼、除錯、作品集與下一步學習路線Projects
書中會完成的作品
個人介紹網站
建立首頁、技能、作品區與簡單導覽列。
待辦清單 App
練習事件、陣列、刪除項目與 localStorage。
學習儀表板
用進度條和狀態更新整理自己的學習紀錄。
Codex Prompts
常用 Prompt 範例
請幫我產生一個語意清楚的 HTML 頁面結構，主題是個人介紹網站，只需要 HTML。
請改善這個 CSS 排版，風格要清爽、留白充足、適合初學者作品集。
請找出這段 JavaScript 的錯誤，先解釋原因，再提供最小修改版本。
Roadmap