作品集

履歷會被略讀,連結會被點開:前端部署工程師的最後一關,是把前六個階段的成果整理成「可以被驗證」的作品集。

這一階段學什麼

• 作品挑選與打磨:至少兩個已上線、可互動的作品,涵蓋「框架應用」與「部署維運」兩種能力面向。
• README 寫作:每個專案講清楚解決什麼問題、技術選型理由、架構,以及如何在本機跑起來。
• 線上 Demo:每個作品都有活的連結,配自訂網域與 HTTPS,開啟速度要對得起階段 6 的訓練。
• 效能報告:附上 Lighthouse 分數與優化前後對照,把「我會優化」變成可查證的證據。

為什麼是現在學

前六個階段的能力都是點,作品集把它們串成面試官可以驗證的線。沒有它,「我會 CI/CD、會優化」只是自述;有了它,對方點開連結、翻你的 GitHub Actions 紀錄,就是鐵證。

怎麼練(具體行動)

1. 從歷史專案挑兩到三個,補齊 README、測試與部署流水線。
2. 做一個作品集網站當入口:每個作品放截圖、Demo 連結與技術摘要。
3. 請兩位朋友用手機打開每個 Demo,記錄卡住的地方並修掉。
4. 用無痕視窗加慢速網路,模擬陌生訪客第一次到訪的體驗。

完成標準

• 至少 2 個已上線、可互動的前端作品,連結長期有效。
• 每個專案的 README 能讓陌生工程師十分鐘內在本機跑起來。

⚠️ 常見誤區:作品貪多不精 — 兩個上線且講得清楚的專案,勝過八個只有截圖的半成品。

AI 時代前端沒有消失,反而是 AI 產品離使用者最近的一層;能把介面做出來又送上線的人,永遠是團隊搶著要的角色。