STEP GUIDE · Checkpoint 2

這個步驟要做什麼、改哪裡、怎麼看結果

這一步聚焦 TASK-02;下方只比較「Checkpoint 1 → Checkpoint 2」的真實異動。

01

三項 Task 進度

TASK-01已完成

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

預計修改:README.md

完成後:README 說明作品用途,git log 顯示第一筆範圍清楚的 commit

TASK-02本步驟處理

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

預計修改:README.md

完成後:陌生人能開啟作品,history 新增第二筆功能文件 commit

TASK-03稍後處理

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

預計修改:README.md

完成後:排錯紀錄可重現,git log 顯示至少三筆有意義的 commit

02

HTML、CSS、JavaScript 與文件實際異動

展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。

HTML本步驟無異動

檔案:index.html

修改前

前一步與本步驟沒有實質差異。

修改後

本步驟不需修改此語言。
CSS本步驟無異動

檔案:style.css

修改前

前一步與本步驟沒有實質差異。

修改後

本步驟不需修改此語言。
JavaScript本練習未使用

檔案:script.js

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此語言。
README/其他文件本步驟有異動

檔案:README.md

修改前

- 尚未列出
尚未說明

修改後

- 可跳轉的作品集導覽
- 手機與桌機皆可閱讀的作品卡片
- 清楚可見的聯絡入口
下載整個資料夾後,以瀏覽器開啟 index.html。
03

怎麼看到結果

  1. 準備

    留在教材 repo 外的個人練習資料夾,先執行 git status,確認只包含本次 README 修改。

  2. 操作

    依 README 實際開啟作品後,執行 git add README.md、git commit -m "補上功能與本機開啟方式",再執行 git log --oneline -2。

  3. 預期

    陌生人能開啟作品,git log 顯示第二筆只處理功能與開啟方式的 commit

Checkpoint 2 TASK-02

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

完成後可見:陌生人能開啟作品,history 新增第二筆功能文件 commit

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 驗證自己的修改。