STEP GUIDE · Checkpoint 1

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

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

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

修改前

尚未寫入作品用途與目標讀者。

修改後

這是一份給初次認識我的訪客閱讀的前端作品集,集中展示活動頁、品牌頁與聯絡入口。
03

怎麼看到結果

  1. 準備

    先把 starter 整個資料夾複製到教材 repo 外的個人練習資料夾,在該資料夾開啟終端機,以 pwd 與檔案清單確認範圍;README.html 只供階段對照。

  2. 操作

    完成作品用途後,在個人練習資料夾執行 git init、git add README.md README.html index.html style.css、git commit -m "建立作品集骨架與定位",再執行 git log --oneline -1。

  3. 預期

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

Checkpoint 1 TASK-01

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

完成後可見:README 說明作品用途,git log 顯示第一筆範圍清楚的 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 驗證自己的修改。