【轉職心得】從零到前端工程師，我到底做了哪些努力？

原本最近學習學到一個段落，準備著手準備前端作品集，不曉得是不是上天看到我的努力，竟然在我只有將課程作品放上cakeresume的狀態下，收到不少面試 ... ESG遠見|華人精英論壇|城市學|健康遠見|遠見行動誌|電子報|註冊|登入為提供您更多優質的內容，本網站使用cookies分析技術。

若繼續閱覽本網站內容，即表示您同意我們使用cookies，關於更多cookies資訊請閱讀我們的隱私權政策。

我了解關閉首頁好享生活職場生涯【轉職心得】從零到前端工程師，我到底做了哪些努力？文/方格子VOCUS   2022-04-24瀏覽數57,100+僅為情境圖。

取自pexels原本最近學習學到一個段落，準備著手準備前端作品集，不曉得是不是上天看到我的努力，竟然在我只有將課程作品放上cakeresume的狀態下，收到不少面試邀請，也順利地收到offer。

要感謝、要記錄的過程太多了，於是我著手撰寫了這篇文章，希望可以幫助正在轉職苦海努力的你。

這篇文章主要會依照以下脈絡，由於文章會有點長，也可以挑選自己有興趣的部分閱讀：1.關於轉職的起心動念2.剛接觸到程式的那段日子3.全職學習初期：抓不到方向的迷茫期4.課程資源分享5.全職學習中期：放上履歷、試試水溫6.全職學習後期：準備作品、磨練底層知識7.轉職小總結8.給要入這行朋友的小建議關於轉職的起心動念先簡單說明一下我個人的背景：1.英文系畢業2.初入社會的時候當過補習班老師、業務3.後來有機會到了軟體新創做APP行銷在職場打滾的短短1年多，我因為工作換了又換對自己的人生感到「非常不安」，即便內心有對於理想生活的憧憬，但遲遲不知道該如何改善人生的僵局。

在那段「職涯迷茫」的狀況中，我聆聽了大量有關職涯、人生規劃的Podcast，其中我最喜歡的就是：佐編茶水間與大人的SmallTalk。

【Podcast推薦】2020改變我最多的節目：佐編茶水間、大人的SmallTalk|VivianYeh-vocus在此篇內容中，整理了我認為「必聽」的集數，如果你也對職涯感到很迷茫，這幾集節目一定可以為你的現狀帶來一些改善的靈感。

當對職涯有一些全新的想法後，我決定做一些改變，碰巧當時我因為疫情，被迫離開產品社群行銷的崗位，於是我開啟了自我探索的道路，並且用了「產品開發」的思維重新規劃自己的職涯，在與其他平台合作的線上講座，我曾經分享過很精準的作法：但簡單的來說我幫自己抓出幾個，若是未來要找工作一定要包含幾個要點：1.職涯薪資天花板高2.工作環境性別比平等，或是男性居多（因為我不太擅長與女性相處）3.工作掌控性高、職涯技能較難被取代4.工作內容可以較容易取得對方的尊重、信任5.有遠端工作的機會碰巧當時朋友建議我學學看程式，於是我就一頭栽入了，更多有關我的起心動念，可以參考這一篇我剛準備轉職撰寫的內容：【職涯探索】你會想要轉職軟體工程師嗎？外文系畢業決定轉職的四個原因！｜RD少女養成計畫|VivianYeh-vocus剛接觸程式的那段日子老實說，我並不是一開始接觸到程式，就決定要投入我所有的資源來學習程式，而是經過一段時間摸索、沉澱，從免費的線上資源、買便宜的Udemy課程，到我辭職真正用心專注投入所有資源（錢）來栽培自己，這中間大概花了約5個月。

對，沒有錯。

我花了5個月的時間來探索自己，在離開產品行銷的崗位時，我因為生計的關係，到了一間軟體公司當業務，這段特別的經歷狠狠的教訓了我：人真的不要妥協於現狀，因為現實會在某一天狠狠地扇你一巴掌。

靠嘴吃飯的業務整個無法滿足我對於知識的渴望，於是我天天被主管鞭說，不要花那麼多時間研究知識，多打電話、跑客戶，這讓我感到無比的掙扎，因為我發現自己希望做一個可以常常鑽研知識的工作。

當時當業務的我，基本上是通勤的時間都在看Udemy的課程，到後期甚至午休也會看，我突然發現，我是時候辭職了，我不要再做著我不喜歡的事了。

圖／僅為情境圖。

取自shutterstock2021年初我向前公司遞交了辭呈，不顧主管慰留，把我所有的資源allin，開始進入全職的學習狀態。

在辭職以前，我大部分都是寫freeCodeCamp的免費tutorial，與仰賴超便宜的Udemy課程，因為那門課程有點舊了，所以這裡就不推薦了，如果想知道我初期是如何評估、挑選課程，可以參考這篇文章：【自學程式】學程式如何挑選課程？淺談程式學習管道|VivianYeh-vocus全職學習的初期：抓不到方向的迷茫期 老實說，辭職後，我花了至少一兩個月的時間調整自己的作息及寫程式的時間。

在一開始全職學程式的時候，前2個禮拜時我一天沒有辦法專注超過「3小時」，沒有錯，你沒有看錯，我就是沒有辦法寫超過3小時。

於是當時我用了很多辦法來讓自己更專注，包括使用番茄工作法、看轉職文章激勵自己、看熱血動畫、看自我成長的書籍，其中最有用的就是使用蕃茄工作法，能讓自己看到明顯專注、學習的時間，讓我獲得成就感之餘，更有辦法掌握自己學習的進度。

其次對我最受用的是閱讀自我成長的書籍，其中我最喜歡的就是：原子習慣及刻意練習這兩本書，我透過拆解日常任務、訂定目標的方式，讓自己慢慢從迷茫的狀態轉為類似於全職考生的狀態。

在我的IG有大量我推薦的選書，但我最推薦的還是剛剛說的那兩本，也特別寫了書摘來介紹：【自我成長】想要提升學習效率？你需要的是「刻意練習」！｜職場菜鳥日常|VivianYeh-vocus我相信大部分的人，都滿容易受環境、學習方式、心態影響到學習的狀況，希望這些資源及方式可以給你一些學習心態建立的靈感。

另外我也有另外一部影片，是專門分享我自己規劃學習方式的手段方法，及用到的工具，影片中有提及我是如何使用蕃茄鐘提高我的生產力：課程資源分享我會大致整理從零到轉職成功這過程中，我實際上了哪些課程。

至於推不推薦的話，由於課程是很主觀的內容，尤其我這個人又屬於比較能通靈的人。

簡述我自己的學習背景：語言能力偏好，多益成績是900分金色程度，略懂日文。

會稍微提到我個人的語文造詣的話，是因為不只一、兩個人跟我提到我理解超群這件事，於是先跟大家說明一下，我之所以閱讀很快是因為以往的訓練，加上一點的語言天份，往後的內容會提到這件事。

因此課程與閱讀選書的部分大家就斟酌參考，以下課程我是依照我從學程式開始的學習順序：系統性課程：．freeCodeCamp：ResponsiveWebDesign國外很不錯的線上資源，有很多機上練習，初學者可以從中熟悉HTML、CSS的撰寫方式。

．AppBrewery：TheComplete2021WebDevelopmentBootcamp很有魅力的一位女性開發者，雖然他的課程內容很舊，而且是偏全端，但是講師會有一些鼓勵小片段，讓我撐過初期摸索程式的挫折感。

．六角學院：2021春季JS直播班：創辦人是我偶像，要不是有六角，我真的不知道該如何Debug，更多詳細心得可以參考這篇文章：【前端課程】六角學院JS直播班值回票價嗎？全勤實戰心得|VivianYeh-vocus．六角學院：使用HTML、CSS開發一個網站：課程內容偏舊，但是我很喜歡助教批改的服務，算是台灣很新手友善的課程。

．六角學院：一變應萬變的響應式網頁設計：可以練習RWD的課程，一樣的問題，課程比較偏舊，課程優勢就是助教問答的服務。

．六角學院：JavaScript入門篇-學徒的試煉：給初學者的JS課程，是ES6以前的內容，課程依然偏舊，課程優勢就是助教問答的服務。

．六角學院：JavaScript核心篇：偏JS底層知識取向的課程，初期上的時候你不會知道這門課強在哪，直到我去面試時我才知道這門課的底層概念就是屬於面試官超愛問的問題大集合。

課程難度偏難，要有一定自學能力才看得起來。

．六角學院：2021夏季切版直播班：六角課程中CP值最高的一門課，滿滿的設計稿讓你練到爽，記得直播班一定要想辦法撐到最後，因為直播班的內容通常你也不會想要在課程結束後再去複習，這個課程我也有額外撰寫文章：【前端課程】六角學院切版直播班值得推薦嗎？全勤實戰心得|VivianYeh-vocus．六角學院：Vue3實戰影音課程：偏難，比較見仁見智，說個實在一點的評價就是，這門課是偏Vue功能「導讀」，不要期望上了課你會多猛，一定要額外做「大量」練習與研究，才會比較理解。

我個人其他的想法就是，這一門課的助教有時候會回答不到我的點上，不曉得是不是我有程度以後，對於助教的回覆開始變得嚴格的關係。

後來我都是自己研究作法居多。

這裡說個小結語，不論你是上哪一類型的課程，請務必堅持到最後，除了要勉勵大家不要半途而廢外，我還覺得：如果你沒有看過更好的風景，你就不知道該何從努力起。

閱讀教材：．MDN有前端相關的問題我主要都是看MDN文件居多，畢竟人家是官方的文件，一定會是標準的作法。

身邊的朋友問問題，大部分我也只是轉貼MDN文件的內容給對方看，導致有朋友甚至戲稱我跟本沒娛樂：「別人在看漫畫的時候我都在看MDN」。

另外我在看MDN時，我一律只看英文，對，我這個人的怪僻就是文件只看英文。

文件只看原文的原因是，我大學的時候曾接案做過翻譯，如果文件翻譯的太爛我可能會看到生氣，有時候我看中文都感覺他不是中文，索性只看英文文件。

這也是我前面說到，為什麼語言能力幫助我很多的原因。

我每天都在看MDN嗎？當然這不是真的，我還是看多動畫、影集的（喂）。

．0陷阱！0誤解！8天重新認識JavaScript！前端神書，我至少嗑了10遍以上，對，就是重頭到尾看10遍以上，我還做了不少的筆記，沒有整本看懂你不要說自己很懂JavaScript，雖然到現在我也沒有全部看懂就是了。

．重新認識Vue.js：008天絕對看不完的Vue.js3指南我目前學Vue還依然在持續閱讀的一本書，可能書中提供的不會是「最容易懂」、「最好的作法」，但一定可以在開發上提供一定程度的導讀及靈感。

．金魚都能懂的CSS選取器：金魚都能懂了你還怕學不會嗎CSS神書，在初學程式時我覺得CSS算是簡單易懂的程式語言，後來才發現大錯特錯，我花在CSS上的時間實際上並不亞於學習JavaSCript的時間，當我要合併Sass及其他設計模式做進階的CSS使用時，這本書真的給我幫上很多忙。

圖／僅為情境圖。

取自pexels全職學習中期：放上履歷、試試水溫從典型文組上班組，到前端工程師，我感受到最明顯的差異就是職缺的稀缺度。

我會建議大家在學習進度的中後期，也就是你至少對某一個語言有一定的掌握度時，或者說你有跟著課程，實作出一些小東西時，一定要在求職前放上求職平台，像是cakeresume或是LinkedIn等。

其實我是一個很沒自信的人，但我做了一個可以大幅提升我自己自信的行動，就是準備進入就業市場前，先將自己的履歷提前做好，在邊學習技術的過程中，只有有新的作品，我就會放上去，或是更新自己的學習技能。

這個舉動讓我在沒有主動投遞履歷前，讓我收到了5個面試邀請，其中不乏有國外新創、遠端類型的工作，這不僅讓我大幅提升自信，也能從面試的過程中，了解自己的目標在哪，了解自己目前還有什麼是不足的地方。

我強烈建議大家，如果你學習程式的最終目標是就業的話，絕對不要害怕公開你的履歷，也不要拒絕任何一場面試，每一次的過程都會成為你未來職涯中的養分。

另外我近期也收到一則讀者提問：「我目前在巨匠學習了HTML、CSS3個月，只有略懂略懂，請問我要投履歷嗎？」不論你是在學習的哪個階段，投履歷都能立馬檢視出目前自己該往哪個方向努力。

如果沒有人要找你面試，要馬是你實力不夠，不然就是你履歷寫不好。

這時候可以試著優化自己的履歷，如果沒有用的話，就代表你目前的技能不足以應付你想要申請的職缺。

全職學習後期：準備作品、磨練底層知識我認為作品是一個很基礎求職必備的要件，尤其是對跨領域轉職的朋友來說。

作品是一個能讓面試官最快了解你程度的方式，也是讓你的履歷更豐富的最佳方式。

至於要怎麼準備作品我覺得會分兩個面向：第一個面向是，當你發現自己在課堂上已經有一兩個，可以「動」的作品，那就可以直接放上履歷，也許在你結束學習前，就會有人找上門來。

第二個面向是，當你的學習到了一定程度，對前端來說可能是學到框架了，那就要開始著手打造你的sideproject，這麼做除了是豐富你的作品集外，更重要的是在找到工作前，你要確保自己有持續學習，而不是上完課就覺得：「Oh!I'mdone！」至於作品集要往哪個方向準備，就看你自己對哪面有興趣，或是目前你在生活中遇到了什麼難題，但卻沒有現成的WebApp可以協助你解決這個問題，那麼你就可以嘗試自己做一個。

圖／僅為情境圖。

取自pxhere說完作品集，接著我們來聊聊底層知識，所謂底層知識是什麼？也就是你目前專精語言的實作內容、常常被大家搞混的知識點。

為什麼要刻意增進自己的底層知識呢？除了能讓你在寫code的時候更知道自己在寫什麼之外，更重要的一點是，通常面試官都很喜歡拿這些底層問題作為面試題，舉例來說，我就曾經被問到以下問題：　Q：如果有一個狀況是consta={};請問a=={}與a==={}的結果分別為何？　　Q：請問淺拷貝與深拷貝的差異在哪？什麼時候會用到淺拷貝？什麼時候會用到深拷貝？Q：cookie與localstorage的差異在哪？　　Q：JavaScript是多線程還是單線程的語言？　　Q：請問如果程式在執行的過程中，穿插了setInterval的函式，請問現在JavaScript會怎麼執行？現在知道自己該往哪個地方努力了吧？如果你現在在學習的後期，請記得一定要幫自己設定目標與期限，也不要一直狂做作品，而拖延到找工作的時間，畢竟時間是最貴的成本，你再怎麼學也不會有直接去工作來的學更快。

轉職小總結在最後，我簡單交代一下我花了多少時間轉職成為前端工程師，及統整一下我的學習方式。

 在我轉職前，我花了約1000小時在寫程式，這個時間是我透過番茄鐘計算出來的。

全職學習約7個多月，在4個多月的時候我就開放了我的履歷，並且在7個多月的時候轉職成功。

在這7個多月中，我做了這些努力：．最基本的待辦事項（TodoList）我練了不下10次，從基本的純JS環境，到VueCli都練過．上述的課程我有九成以上都有把最終作業交出來，並且通過六角學院的審核。

．008天重新認識JavaScript我嗑了10遍有．只要有不會的內容，或是學到什麼新技術，我就會把它做成筆記．額外自己研究一些酷東西，像是硬要自己寫Modal、或是硬是自己從頭寫了一個Sass的library．我經營了這個部落格及IG，我分享技術筆記及轉職心得，並且從幫助他人中獲得力量並持續走下去．我在六角學院做了兩次志工，一次助教，批改過上百份作業、籌辦了技術寫作的活動．最後被老師邀請到火箭隊訓練營，跟著第七梯的夥伴接受了約一個月的自主訓練老實說，要說我學習很迅速，或是過程很幸運好像都不太對，但我收過很多讀者、同學的私訊說：「我不像妳這麼厲害」又或者說「我不像妳語言天賦造詣好」。

但實際上，所有那些旁人看起來很厲害的結果，都是我努力追求來的。

舉例來說，在我學程式的初期，只要學院有辦活動需要志工，我馬上就會自願，於是我後來有了當助教的工作機會，及參與訓練的機會。

前面說到的「別人在看漫畫的時候我都在看MDN」，在別人抱怨很難的時候，我直接放棄掙扎，任命嗑stackoverflow，一次找不到，我就找兩次，兩次找不到我就找三次，反正我就是噎著一口「我不可能做不到，隔壁室友整天打遊戲都可以當工程師了，我怎麼不可以」的態度在寫code。

事實證明，程式這件事一定可以後天養成的，就端看你的人生方向有沒有與這個工作吻合。

還記得我在前一份工作離職時，我那時的主管跟我說：「Vivian你確定嗎？工程師是一條不好走的路。

」我只想說，沒有一件事是簡單的，我連要假日在床上賴著時，要不要出門買午餐都會耗我很多精力，就不要跟我談你想要輕輕鬆鬆變成工程師了。

輕輕鬆鬆？你做夢比較快，真的。

給要入這行朋友的小建議我在撰寫這篇文章的時候，還沒有實際onboard，所以我真的不知道所謂軟體開發這行，RD這一行到底長怎樣。

但我可以很確定的一件事是：你如果還在仰賴別人解決你的問題，那你不要來。

工程師大部分的時候，都是要自己想辦法解決工作上的問題，因為你會發現，也許公司裡除了你或是你那個部門的人，沒有人會這個問題了。

撇除很實際的技術面問題，你要花很多時間閱讀、寫程式，更要時時作為一個「解決問題」的角色，也不會太輕鬆。

但如果你我一樣，對這個世界感到很好奇，看到什麼酷東西就是要去玩一下，那麼軟體開發就會很適合你。

畢竟以台灣整個大環境來說，軟體工程師的福利真的比很多職業的福利好很多，至於工作內容好不好玩，那麼就很見仁見智了。

最後，能成功跨領域轉職，要感謝的人太多太多了，謝謝這7個多月中出現在我生命中的人事物，不論是好的壞的，你們都讓我成功成為了一位「開發者」。

（本文透過「方格子直送」計劃合作轉載，作者：VivianYeh，原文：【轉職心得】從零到前端工程師，我到底做了哪些努力？）延伸閱讀光通勤就要2小時……特斯拉生產線工人教我的事：人生很不公平；時間很公平不是每個「消遣」都適合變成「可賺錢的熱情」——關鍵在「自學」你的職涯設定「走歪」了嗎？用「50億刪除法」對準你的內在熱情轉職學習線上學習熱門文章1同樣國土臨海，為什麼荷蘭的溺水發生比例不到臺灣的10％？2影響全美4300萬人，拜登「減免學貸」恐讓通膨危機再升溫？3小小頂級廚師和江振誠相見歡！冠軍與米其林名廚展開跨世代美味相遇4台南殺警案／郭台銘捐1000萬給殉職警家屬！批徐國勇、蔡清祥難辭其咎5她用一個兩美元的籃子，找回丈夫與孩子對家庭失落已久的向心力熱門快訊立即報名9/7淨零碳排搶先機！實現理想竹縣！定礎幸福科技首都數位專輯當月期刊2022年8月號才救活慘賠百億的陽明海運，鐵血董座謝志堅卻在最好時刻、華麗轉身？海運會重現2009年崩跌？航商自保「關鍵40%」！保瑞從門外漢變身「製藥獲利王」全憑這秘訣購買訂閱目錄2022年7月號電池「聖杯」在台灣？從躲棉被痛哭到跑贏全球？輝能CEO第一手告白串接6院聯防抗疫，台大雲林分院副院長馬惠明破除白色巨塔高牆小火慢燉，技嘉葉培城：先苦後甘更有成就感購買訂閱目錄2022年6月號小齒輪大增速，鈞興EPS超8元，咬合E-bike兩輪商機達方綠能營收近百億，E-bike品牌和零件憑什麼出海皆有成？神防疫！小港醫院守護南國門，AI判讀確診僅1秒購買訂閱目錄最新出版抗通膨投資攻略一本通經濟寒冬、疫情打擊、通膨升息，全球資本市場迎來一波熊市…心慌慌的你該怎麼辦?遠見以「抗通膨投資攻略一本通」為題，邀請六位大神：市場先生、雷浩斯、財女Jenny2022大學暨技職入學指南2022年，對學生、家長和老師來說，都是無所適從的新起點。

首先，新制考招上路，考科項目、題目內容、採計科目均大換血。

國家新政策也連番上陣，「半導體學院」「國際金70位領袖預見永續新未來華人社會最高規格的年度盛會本專刊記錄了第19屆高峰會的論壇精華內容，是70位與會貴賓的思想結晶、參與盛會者的美好回憶，也是未能參與者的最佳跨年讀物。

在這202全民拚運動打造健康好習慣2020年奧運會落幕，台灣選手贏得史上最佳獎牌表現——2金、4銀、6銅，不僅成就了個人，也掀起一股全民運動熱潮。

本期運動特刊談如何借力使力為運動風潮推波助瀾，帶大動盪時代拿回退休自主權後疫時代，通膨和失業率一起囂張；經濟頹靡與復甦一起共舞，一個波動、脫序，卻又嶄新的大動盪時代隱然成形。

過去170年，美國曾發生33次經濟衰退，有20個年度通膨率看此文章的人也看了...得「算力」者得天下！高速運算（HPC）搖身成為企業新能源台灣新藥之光！首家本土藥廠將療癌新法寫入中國藥典打掃列必修，大學挨批「想省錢」！勞作教育該不該廢？台南2警遭攻擊不治，盤點近年殺警案大事記心理師解謎：為什麼在這社會上，有些人特別容易被詐騙？影響全美4300萬人，拜登「減免學貸」恐讓通膨危機再升溫？她用一個兩美元的籃子，找回丈夫與孩子對家庭失落已久的向心力遠見電子報每週接收國際、財經、科技、教育報導幫助您快速掌握趨勢訂閱加入LINE按讚粉絲專頁訂閱YoutubeGoogle新聞追蹤我們IG