你的第一個網站，
從這一關開始。

1. 01

   啟動第一個網站

   一個有介紹、三項服務、三個作品摘要與 APPA 的頁面。

   未開始
   →
2. 02

   把網站變成自己的

   改姓名與技能，讓 AI 只改指定的一項服務。

   未開始
   →
3. 03

   救回消失的 APPA

   修好圖片路徑，說得出問題在哪裡。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   出發前檢查

   檢查網頁與檔案，列好發布前清單。

   未開始
   →
2. 02

   讓網站被看見

   發布自己的網站，再更新一處內容。

   未開始
   →
3. 03

   完成交付測試

   修復漏圖，留下另一裝置的實際檢查結果。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   替內容找到自己的頁面

   一頁介紹，整理成三頁清楚的網站。

   未開始
   →
2. 02

   增加內容，不改壞其他地方

   先親手加作品說明，再精準新增服務段落。

   未開始
   →
3. 03

   讓三頁都能順利往返

   修一條連結，走完六條跨頁路線。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   讓圖片也能說清楚

   替三張作品圖寫符合畫面的說明。

   未開始
   →
2. 02

   替作品留一個存檔點

   親手保存基準，再讀懂三段文字的差異。

   未開始
   →
3. 03

   改錯了，只回復那一部分

   救回錯誤 CSS，同時保留作品角色文字。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   讓畫面有清楚的主次

   主標、行寬與留白，都能說出設定。

   未開始
   →
2. 02

   留白改在哪裡，效果就不同

   先親手改首頁，再只調服務卡片。

   未開始
   →
3. 03

   找出蓋掉設定的那一行

   解釋覆蓋原因，救回48／32px主標。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   替作品整理一致的展示方式

   圖片不變形，內容與入口有順序。

   未開始
   →
2. 02

   滑鼠與鍵盤，都知道現在在哪裡

   專屬焦點與hover，各自實際操作。

   未開始
   →
3. 03

   救回消失的鍵盤提示

   Tab找得到，Enter也真的能前往。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   替六張作品安排位置

   補齊六張作品，只改作品列表的欄數。

   未開始
   →
2. 02

   換個尺寸，再看一次

   分開調整欄數與間距，留下尺寸檢查表。

   未開始
   →
3. 03

   找出把畫面撐寬的卡片

   重現固定寬度問題，完成局部修復與回歸。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   換上難一點的內容

   完成長內容與圖片的壓力測試記錄。

   未開始
   →
2. 02

   只修真正出問題的地方

   保留全文，修復連續網址的窄版換行。

   未開始
   →
3. 03

   字還在，為什麼看不到？

   完成局部除錯，交出可重現的四尺寸紀錄。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   把卡片搬進資料

   讀懂資料，親手新增第七件作品。

   未開始
   →
2. 02

   讓兩個條件一起生效

   完成可交集的搜尋分類，知道每次應有幾筆。

   未開始
   →
3. 03

   找出多出來的作品

   修復交集故障，能說明多出結果的原因。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   把條件與導覽準備好

   新增完整清除與三頁原生手機選單。

   未開始
   →
2. 02

   選到內容，就把路讓出來

   完成選後收合，保留原導覽與焦點。

   未開始
   →
3. 03

   一次點擊，只做一次

   修復重複事件，完成作品集功能版檢查。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   三個問題，找到三個頁面

   三頁title不同且描述真實內容。

   未開始
   →
2. 02

   讓連結先說清楚目的地

   只改指定連結文字，href保持services.html。

   未開始
   →
3. 03

   找出三個一樣的頁籤

   三頁title恢復不同且符合內容。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先把檢查證據排清楚

   表格分開公開、抓取與索引，實際欄未冒填。

   未開始
   →
2. 02

   少一點體積，保留同一張圖

   只改photo-03圖片路徑並帶齊本機檔。

   未開始
   →
3. 03

   找到意外留下的noindex

   只移除明示故障的唯一meta，其他設定保留。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先問這句話根據什麼

   文案各段有S1–S4支持，未提供保留未知。

   未開始
   →
2. 02

   把確認內容放進服務頁

   五FAQ與服務範圍完整，未知不編數字。

   未開始
   →
3. 03

   拿掉沒有依據的承諾

   故障三項承諾均移除，未知回待確認。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先把案例的來源攤開

   案例含需求、做法、來源日期與限制。

   未開始
   →
2. 02

   把成果寫成可核對的交付

   成果可追C2／C3，主體與限制清楚。

   未開始
   →
3. 03

   三句摘要，逐句找依據

   R1依據保留，R2／R3無依據承諾移除。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先做一張能填寫的詢問表

   五欄有配對label與正確型別，純空白也被拒絕。

   未開始
   →
2. 02

   把需求長度說清楚

   message字數提示與本練習length規則一致。

   未開始
   →
3. 03

   錯一欄，不要重填全部

   錯誤時全部已填值保留，焦點仍到第一個無效欄。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   把這次填寫存成草稿

   三個操作都明確，不自動載入或保存。

   未開始
   →
2. 02

   還原前，先保留選擇權

   提示使用實際savedAt，不冒稱未儲存資料已保存。

   未開始
   →
3. 03

   草稿壞了，表單也要能用

   有效草稿能還原，壞JSON與未知服務仍安全拒絕。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先讓前後端說同一種話

   請求方法與services映射正確，選項來自實際JSON。

   未開始
   →
2. 02

   把空資料與失敗分開

   空資料與失敗文字不同，載入及無服務不送出。

   未開始
   →
3. 03

   回應有資料，為什麼沒有選項

   200正確資料可顯示服務，錯誤與空資料仍有提示。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   取得真正的案件編號

   實際201與伺服器id才成功，沒有前端編號。

   未開始
   →
2. 02

   請求進行中，不要送第二次

   連點不產第二請求，錯誤後恢復適當操作。

   未開始
   →
3. 03

   拒絕假成功，回到真正回應

   503不再有假編號，錯誤與原值保留。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先確認身份，再讀案件

   後端身份確認才讀案件，錯登入沒有私密資料。

   未開始
   →
2. 02

   讀取中與找不到，要說清楚

   載入前舊明細清除，404與斷線不混同。

   未開始
   →
3. 03

   200回應，也可能用錯路徑

   明細URL與點選id一致，讀真正case。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   登出要通知真正的後端

   登出呼叫真實後端並清私密畫面。

   未開始
   →
2. 02

   失效、空清單與斷線分開看

   401、空清單、斷線各有清楚文字。

   未開始
   →
3. 03

   後端拒絕了，舊畫面也要清掉

   失效後列表與明細不殘留，身份由後端重新確認。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   讓案件有明確的進度

   狀態映射與結果數符合資料，PATCH使用所選id。

   未開始
   →
2. 02

   更新後，保留正在看的條件

   篩選與排序保留，列表與結果數同步。

   未開始
   →
3. 03

   排序後，也不能改錯案件

   PATCH id與點選一致，排序與篩選不影響身份。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   替同一筆案件留下處理紀錄

   同id保存重讀一致、他案備註不變。

   未開始
   →
2. 02

   讓保存狀態說真話

   四狀態依實際請求變化，未保存不假成功。

   未開始
   →
3. 03

   畫面沒顯示，JSON也不能洩漏

   公開JSON無內部備註，非僅畫面不顯示。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先把圖片找回來

   同一張原圖恢復，其他資料及圖片不變。

   未開始
   →
2. 02

   一次點擊，只切換一次

   手機每次點擊只切換一次，ARIA同步。

   未開始
   →
3. 03

   修溢出，也保留已修好的部分

   320px沒有水平溢出，未隱藏或刪除內容。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   用新詢問走完整條路

   整條正常路線使用新建立的同一真實id。

   未開始
   →
2. 02

   失敗、失效、空資料分開測

   三種異常有各自預期與實際，未測明示。

   未開始
   →
3. 03

   空清單不能留下上一批案件

   200空回應後舊列消失、零筆與提示一致。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   公開的程式，不能放秘密

   公開檔不含假秘密，apiBase與正常功能保留。

   未開始
   →
2. 02

   登入限制，要由後端確認

   匿名三種管理操作被真正後端拒絕。

   未開始
   →
3. 03

   把輸入當文字，再核對公開欄位

   標籤字串不執行，公開JSON沒有內部欄位。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先分清程式與資料

   備份有程式與案件資料、時間與雜湊。

   未開始
   →
2. 02

   在另一個位置還原

   還原位置與原環境分開，兩案及筆數先一致。

   未開始
   →
3. 03

   只有程式的備份，必須被拒絕

   故障verify確實拒絕缺資料，沒有偽造通過。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   兩項作品，各有清楚的入口

   兩作品入口與必要素材完整，公開根不含私密內容。

   未開始
   →
2. 02

   能啟動，也要能交接

   從真正後端啟動兩作品，詢問重啟後仍在。

   未開始
   →
3. 03

   部署設定多一段，也會找不到API

   實際API路徑正確，無重複/api與假選項。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步

1. 01

   先自己把新需求說清楚

   年份由已知資料產生，三條件為交集。

   未開始
   →
2. 02

   清除條件，要一次清乾淨

   清除後年份/分類/關鍵字全部重設，回7件。

   未開始
   →
3. 03

   交出作品，也說明自己怎麼完成

   故障最小修後清除三條件與7件一致。

   未開始
   →

每關 18 分鐘觀念＋42 分鐘實作，共 3 小時。自己已勾選 0／6 步