章節導覽

01

什麼是 AI Coding

理解 AI coding 的分工與限制。

02

準備開發環境

安裝 VS Code 並建立第一個前端專案。

03

第一次和 Codex 協作

學會描述需求、檢查結果與修改網頁。

04

HTML 基礎與頁面結構

建立語意清楚的網頁骨架。

05

CSS 基礎與畫面設計

用顏色、間距與版面讓頁面變得易讀。

06

JavaScript 基礎

理解變數、函式、事件與 DOM 操作。

07

讓網頁動起來

實作按鈕、表單與簡單互動。

08

AI Coding 的需求拆解方法 🔒 鎖定

把模糊想法拆成 Codex 能執行的任務。

09

個人介紹網站 🔒 鎖定

完成第一個可展示的個人頁面。

10

待辦清單 App 🔒 鎖定

練習新增、完成、刪除與資料儲存。

11

簡易計算機 🔒 鎖定

處理運算邏輯與錯誤輸入。

12

圖片展示頁 🔒 鎖定

建立圖片網格、分類與放大視窗。

13

學習儀表板 🔒 鎖定

用狀態、進度條與 localStorage 管理學習。

14

閱讀與修改 AI 程式碼 🔒 鎖定

學會看懂 Codex 產生的檔案與邏輯。

15

除錯入門 🔒 鎖定

使用開發者工具與錯誤訊息找問題。

16

建立 AI Coding 工作流程 🔒 鎖定

用穩定節奏規劃、修改與測試。

17

個人作品集網站 🔒 鎖定

整合前面成果成完整期末專案。

18

下一步學什麼 🔒 鎖定

銜接 Git、API 與前端框架。