[{"data":1,"prerenderedAt":162},["ShallowReactive",2],{"post-\u002Fblog\u002Fgood-resume":3,"post-surroundings":128},{"id":4,"title":5,"body":6,"date":114,"description":115,"desktopCover":26,"extension":116,"isPopular":117,"meta":118,"mobileCover":119,"navigation":120,"path":121,"seo":122,"slug":121,"stem":123,"tags":124,"__hash__":127},"blog\u002Fblog\u002Fgood-resume.md","前端作品集打造指南：讓你的專案成為履歷亮點",{"type":7,"value":8,"toc":108},"minimark",[9,20],[10,11,12,16],"content-space",{},[13,14,15],"h2",{"id":15},"前言",[17,18,19],"p",{},"作品集是你履歷中的名片，一眼就能讓面試官對你的實力與風格有初步印象。好的作品集不僅要展示成果，更要透過清晰的說明，呈現你的思考過程與解題能力。",[10,21,22,27,62,89,97,100],{},[23,24],"prose-img",{"alt":25,"src":26},"前言圖片","\u002Fdesktop\u002Fblog\u002Fgood-resume.webp",[28,29,30,34,44,49],"content-block",{},[31,32,33],"h3",{"id":33},"選擇最具代表性的專案",[17,35,36,40,43],{},[37,38,39],"strong",{},"為何重要",[41,42],"br",{},"\n面試時間有限，一到兩個代表性專案能最快讓人理解你的強項與風格。",[17,45,46],{},[37,47,48],{},"建議做法",[50,51,52,56,59],"ul",{},[53,54,55],"li",{},"挑選技術面向多元、難度適中且能成功上線的作品。",[53,57,58],{},"每個專案限 1～2 張截圖，聚焦核心功能與 UI／UX。",[53,60,61],{},"在描述中加入你的角色與技術栈，例如「使用 React + Tailwind 實作響應式版面」。",[28,63,64,67,74,78],{},[31,65,66],{"id":66},"撰寫流程說明與心得",[17,68,69,71,73],{},[37,70,39],{},[41,72],{},"\n除了結果，面試官更關心你遇到挑戰時的解決思路與學習歷程。",[17,75,76],{},[37,77,48],{},[50,79,80,83,86],{},[53,81,82],{},"用標題、時間軸或步驟清單，簡潔呈現需求、設計、開發、測試與部署流程。",[53,84,85],{},"強調你如何克服技術難題，例如「優化 API 請求效能」、「處理跨瀏覽器相容性」。",[53,87,88],{},"最後補充專案心得或未來優化方向，顯示你持續進步的態度。",[10,90,91,94],{},[13,92,93],{"id":93},"結語",[17,95,96],{},"一份出色的前端作品集，不只是看結果，更是看你的思考與執行力。透過「精選專案＋流程說明」的架構，讓面試官在短時間內對你留下深刻印象，也增加你的履歷競爭力。",[13,98,99],{"id":99},"延伸閱讀",[50,101,102,105],{},[53,103,104],{},"前端面試不再慌：破解常見提問的三大策略",[53,106,107],{},"自學前端不用怕：從零開始的三大關鍵",{"title":109,"searchDepth":110,"depth":110,"links":111},"",2,[112,113],{"id":15,"depth":110,"text":15},{"id":99,"depth":110,"text":99},"2024-09-07","對正在求職的前端工程師而言，作品集往往是第一個「說話」的利器。當面試官瀏覽你的網頁作品時，能夠快速了解你的程式邏輯、設計感以及解決問題的思路。我在協助多位同學優化履歷與作品集的過程中，總結出一些關鍵要素，分享給正在打造、升級作品集的你。","md",false,{},"\u002Fmobile\u002Fblog\u002Fgood-resume.webp",true,"\u002Fblog\u002Fgood-resume",{"title":5,"description":115},"blog\u002Fgood-resume",[125,126],"作品集","求職攻略","yVmbDyq-Ag01zno13r34mMuaJgN020kuzWdzWdL47_M",[129,132,135,136,139,142,145,148,151,154,157,159],{"slug":130,"path":130,"date":131},"\u002Fblog\u002Fstart-from-scratch","2024-10-21",{"slug":133,"path":133,"date":134},"\u002Fblog\u002Freact-intro","2024-10-11",{"slug":121,"path":121,"date":114},{"slug":137,"path":137,"date":138},"\u002Fblog\u002Fcss-magic","2024-09-03",{"slug":140,"path":140,"date":141},"\u002Fblog\u002Fmental-journey","2024-07-09",{"slug":143,"path":143,"date":144},"\u002Fblog\u002Fjob-interview","2024-07-08",{"slug":146,"path":146,"date":147},"\u002Fblog\u002Fvue3-composition-api","2024-06-29",{"slug":149,"path":149,"date":150},"\u002Fblog\u002Fgit","2024-05-04",{"slug":152,"path":152,"date":153},"\u002Fblog\u002Fseo","2024-05-01",{"slug":155,"path":155,"date":156},"\u002Fblog\u002Fautomation","2024-02-17",{"slug":158,"path":158,"date":156},"\u002Fblog\u002Ftypescript",{"slug":160,"path":160,"date":161},"\u002Fblog\u002Funit-test","2024-02-07",1793785242273]