STEP GUIDE · Starter

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

先讀完三項任務並預測結果。這一頁不會顯示 Solution 程式碼。

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

修改前

Starter 已提供這個檔案。

修改後

三項任務都不需修改此檔案。
CSS本步驟無異動

檔案:style.css

修改前

Starter 已提供這個檔案。

修改後

三項任務都不需修改此檔案。
JavaScript本練習未使用

檔案:script.js

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此類型。
README/其他文件先自行嘗試

檔案:README.md

修改前

請先閱讀上方任務與預計修改檔案。

修改後

Starter 不顯示完成碼,請先自己動手修改。
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

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