LESSON-23 · SELF-PACED PRACTICE

運動器材電商需求、資料模型與驗收矩陣

把「運動器材電商需求、資料模型與驗收矩陣」拆成 4 個可獨立完成、可重設、可驗證的自主學習 module。

4個獨立主題3個練習階段1個整合挑戰
看見缺口 → 修改一小段 → 重新載入驗收

每一個 topic 都有自己的檔案、Starter、Checkpoint、Solution 與證據清單。

先知道今天要做什麼

不要從長篇名詞開始;先從第一個可完成的小任務開始。

01

選一個 topic

從第一張卡開始,先閱讀任務情境與預期畫面。

02

修改自己的檔案

打開 Starter 的實作檔,依 Step 逐步修改,不靠按鈕代做。

03

用證據驗收

重新整理頁面,對照畫面、DOM、Computed、Console 或文件證據。

4 個獨立主題

每張卡只練一個責任;完成後再進入下一張。

01

六頁 Sitemap 與章節邊界

能定義首頁、商品、購物車、結帳、訂單完成、聯絡六頁責任與 L23–L28 交付邊界。

要修改:files/starter/project-brief.md

02

Product 資料模型

能固定 Products 私有六欄,並區分商品 GET 只公開五欄。

要修改:files/starter/data-contract.md

03

Order 與 Contact 資料模型

能把訂單與聯絡的所有需求欄位分配給前端輸入、GAS 產生或 GAS 計算,並把技術欄位另列。

要修改:files/starter/data-contract.md

04

需求到證據矩陣

能將商品、訂單、聯絡、品牌色、GAS 與 no-deploy 需求追到章節、檔案、預期與證據。

要修改:files/starter/acceptance-matrix.md

最後整合挑戰

把已完成的責任轉回本章完整作品,不把整合步驟冒充成單項教學。

在同一份章節作品中整合 4 個 module,排除單項通過但組合失敗的問題。

完成 project/e-commerce 的六頁 brief、三組資料契約與 L23–L28 requirement-to-evidence matrix。

第一個建議動作

如果你現在只想知道下一步,先做這件事。

開啟「六頁 Sitemap 與章節邊界」:先看 files/starter/project-brief.md 的 先數六個電商頁面檔名,再確認每頁只有一項主要責任。,記錄目前狀態,再修改一小段。