[{"data":1,"prerenderedAt":190},["ShallowReactive",2],{"post-\u002Fblog\u002Fmental-journey":3,"post-surroundings":156},{"id":4,"title":5,"body":6,"date":142,"description":143,"desktopCover":26,"extension":144,"isPopular":145,"meta":146,"mobileCover":147,"navigation":148,"path":149,"seo":150,"slug":149,"stem":151,"tags":152,"__hash__":155},"blog\u002Fblog\u002Fmental-journey.md","前端轉職必讀：從自學者到工程師的心路歷程",{"type":7,"value":8,"toc":136},"minimark",[9,20,116,119],[10,11,12,16],"content-space",{},[13,14,15],"h2",{"id":15},"前言",[17,18,19],"p",{},"自學的道路雖自由，卻也充滿挑戰：時間分配不易、學習資源五花八門、缺乏同儕支持…… 這些都可能讓人半途而廢。回想轉職初期，我也曾在茫然中徘徊，直到找到幾個心法，才一步步化挫折為動力，最終站上工程師的舞台。",[10,21,22,27,58,84,110],{},[23,24],"prose-img",{"alt":25,"src":26},"前言圖片","\u002Fdesktop\u002Fblog\u002Fmental-journey.webp",[28,29,30,35],"content-block",{},[31,32,34],"h3",{"id":33},"心法一調整心態擁抱持續小勝","心法一：調整心態，擁抱「持續小勝」",[36,37,38,46,52],"ul",{},[39,40,41,45],"li",{},[42,43,44],"strong",{},"設定短期目標","：每週挑戰一個小功能（如切版、互動按鈕），達成後給自己小小慶祝。",[39,47,48,51],{},[42,49,50],{},"接納挫折感","：BUG 與失敗是成長的養分，遇到問題先嘗試自己解決，再尋求社群幫助。",[39,53,54,57],{},[42,55,56],{},"保持好奇心","：把每次「學到新東西」當作一面旗幟，讓自己覺得值得繼續前進。",[28,59,60,64],{},[31,61,63],{"id":62},"心法二系統化學習打造知識地圖","心法二：系統化學習，打造知識地圖",[36,65,66,72,78],{},[39,67,68,71],{},[42,69,70],{},"結構化筆記","：用 Notion、Obsidian 或簡單 Markdown，把技術概念整理成大綱、圖表、流程圖。",[39,73,74,77],{},[42,75,76],{},"循序漸進","：先打好 HTML\u002FCSS 基礎，再學 JavaScript，再進框架；每學一門都要做小專案鞏固。",[39,79,80,83],{},[42,81,82],{},"複習與回顧","：每月底回顧筆記，重寫或口述關鍵概念，避免「學過就忘」的惡性循環。",[28,85,86,90],{},[31,87,89],{"id":88},"心法三實戰演練建立同儕與資源網絡","心法三：實戰演練，建立同儕與資源網絡",[36,91,92,98,104],{},[39,93,94,97],{},[42,95,96],{},"開源專案貢獻","：從修正 README 開始，漸進參與 Issues 與 PR，累積真實團隊協作經驗。",[39,99,100,103],{},[42,101,102],{},"社群互助","：加入 Discord、Slack 社群，定期參加 Hackathon、讀書會，讓自己不孤單。",[39,105,106,109],{},[42,107,108],{},"展示自我","：將小專案部署到 GitHub Pages 或 Netlify，並分享到社群，透過反饋快速成長。",[111,112,113],"blockquote",{},[17,114,115],{},"小結：自學轉職是一場心態與方法的雙重修練。從「持續小勝」開始，搭配系統化筆記，再以實戰與社群加速成長，你就能在前端路上踏實前行、找到屬於自己的成就感。",[13,117,118],{"id":118},"延伸閱讀",[36,120,121,126,131],{},[39,122,123],{},[42,124,125],{},"前端作品集打造指南：讓你的專案成為履歷亮點",[39,127,128],{},[42,129,130],{},"CSS 魔法大揭密：排版與設計的三大關鍵技巧",[39,132,133],{},[42,134,135],{},"React 入門不再迷惘：三步驟帶你上手核心概念",{"title":137,"searchDepth":138,"depth":138,"links":139},"",2,[140,141],{"id":15,"depth":138,"text":15},{"id":118,"depth":138,"text":118},"2024-07-09","能夠憑藉自學進入前端領域，聽起來令人振奮，但實際過程中可能遇到的挫折與疑慮，卻常常令人猶豫。回想當初我也是對程式一竅不通，卻在興趣的驅使下毅然踏上自學之路。今天想透過這篇文章，分享我的轉職經驗和一些調適心態的秘訣，盼能為有心投入前端領域的你提供一些力量與方向。","md",false,{},"\u002Fmobile\u002Fblog\u002Fmental-journey.webp",true,"\u002Fblog\u002Fmental-journey",{"title":5,"description":143},"blog\u002Fmental-journey",[153,154],"轉職工程師","學習心法","DDyQlna_WKYZeHXDxKhZyxLeAdtrAJGZhPFh-IH-LN0",[157,160,163,166,169,170,173,176,179,182,185,187],{"slug":158,"path":158,"date":159},"\u002Fblog\u002Fstart-from-scratch","2024-10-21",{"slug":161,"path":161,"date":162},"\u002Fblog\u002Freact-intro","2024-10-11",{"slug":164,"path":164,"date":165},"\u002Fblog\u002Fgood-resume","2024-09-07",{"slug":167,"path":167,"date":168},"\u002Fblog\u002Fcss-magic","2024-09-03",{"slug":149,"path":149,"date":142},{"slug":171,"path":171,"date":172},"\u002Fblog\u002Fjob-interview","2024-07-08",{"slug":174,"path":174,"date":175},"\u002Fblog\u002Fvue3-composition-api","2024-06-29",{"slug":177,"path":177,"date":178},"\u002Fblog\u002Fgit","2024-05-04",{"slug":180,"path":180,"date":181},"\u002Fblog\u002Fseo","2024-05-01",{"slug":183,"path":183,"date":184},"\u002Fblog\u002Fautomation","2024-02-17",{"slug":186,"path":186,"date":184},"\u002Fblog\u002Ftypescript",{"slug":188,"path":188,"date":189},"\u002Fblog\u002Funit-test","2024-02-07",1793785242274]