Examples
範例總覽
所有範例都可以直接用瀏覽器開啟，不需要框架、建置工具或伺服器。
第 2 章
第一個網頁
HTML、CSS、JavaScript 三檔案分工。
第 4 章HTML 學習筆記
語意化 HTML 頁面結構。
第 5 章CSS 卡片版面
Grid、卡片、響應式排版。
第 6 章學習狀態卡
DOM 選取、事件與狀態更新。
第 7 章Prompt 筆記
輸入框、清單與錯誤提示。
第 8 章需求拆解表 🔒 鎖定
把想法整理成 Codex 任務。
第 9 章個人介紹網站 🔒 鎖定
第一個完整單頁網站。
第 10 章待辦清單 App 🔒 鎖定
新增、完成、刪除與 localStorage。
第 11 章簡易計算機 🔒 鎖定
狀態管理、鍵盤輸入與錯誤防護。
第 12 章圖片展示頁 🔒 鎖定
Grid、篩選與 modal。
第 13 章學習儀表板 🔒 鎖定
進度條、統計與保存狀態。
第 14 章讀碼練習頁 🔒 鎖定
HTML、CSS、JavaScript 分工閱讀。
第 15 章除錯工作台 🔒 鎖定
常見錯誤案例與 prompt。
第 16 章工作流程產生器 🔒 鎖定
產生任務摘要與 Codex prompt。
第 17 章個人作品集 🔒 鎖定
整合所有作品的展示入口。
第 18 章下一步路線圖 🔒 鎖定
Git、API、部署與作品深化。