CHAPTER 14 · PRACTICE WORKSPACE

Git、GitHub、README 與版本交付

具備清楚 README、可檢查 commit history 與可核對遠端版本的作品 repo

04 Solution 3/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

寫清楚作品用途與目標讀者

修改檔案:README.md

完成後看見:README 說明作品用途,第一筆 commit 只包含作品骨架與定位,git status --short 顯示乾淨

TASK-02已完成

列出真實功能與本機開啟方式

修改檔案:README.md

完成後看見:陌生人能依 README 開啟作品,第二筆 commit 只處理功能與開啟方式,且 git status --short 顯示乾淨

TASK-03已完成

記錄排錯流程並驗證 commit 切分

修改檔案:README.md

完成後看見:排錯紀錄可重現,git log 顯示三筆範圍清楚且可說明的 commit,git status --short 顯示乾淨

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

VERSION DELIVERY LAB

Git 到 GitHub 交付板

  1. 工作目錄確認路徑與修改
  2. 暫存區git add 後用 status 驗證
  3. 本機版本git commit 建立快照
  4. 遠端倉庫git push 後到 GitHub 檢查
查看本階段 README 靜態對照

README.html 是靜態對照,不會隨 README.md 編輯同步;請用 VS Code Markdown Preview 驗證自己的修改。

CHAPTER HANDOFF

第 13 章 → 第 14 章 → 第 15 章

接收:沿用第 13 章已驗證的 index.html、style.css 與回歸證據;本章只在教材 repo 外的個人資料夾建立 README 與 Git 版本證據。

交給第 15 章:保留同一份 index.html、style.css、README 與三筆可說明的 history;下一章直接新增 script.js 與 DOM 事件,不重做本章骨架。

CONTINUE

把完成品帶進本章創作挑戰

三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

前往本章創作挑戰