七個月的前端轉職生活

WeiLin

12 min readApr 10, 2021

嗨～因廣受其他轉職前輩的分享文，而一路還算安穩的走過來，抱著飲水資源和有點害羞的心情，想來分享一下自身的轉職過程

其實在打此文時，筆者也還是轉職進行式，還沒實際到業界打滾，進去應該又是另一個里程的開始，希望不要被打臉啊Q_Q

也想藉由此文記錄一下這7個月來的轉職生活，或許未來可當故事書講給孫子孫女聽，那就請多多指教了

背景介紹與轉職動機

國立科大工業設計系畢業，大學期間靠自學日文，畢業前順利申請至日本交換留學，畢業後到台灣的日商就職，職位是儲備幹部，日文的話類似新卒、綜合職。

一開始是先去台中的店舖從店員當起，之後被調進開店改裝部門，其實這部門工作蠻酷的，一年幾乎都在出差，全台跑跑跑，入職快滿兩年時，疫情關係再加上當時主管出意外骨折，快兩個月無法上班，我開始警惕並檢視自己之後的職涯發展，再加上因為老哥是 Java 工程師，工作型態與薪資結構上的落差，比較心態和自卑感在內心紮根，覺得自己應該有能力往更具挑戰的領域發展，且就算因為外在環境因素受限還是有專業能力繼續工作。

其實大學畢業那年，我有想過要做網頁，還買了Hahow 的互動網頁設計課來學，但隨著畢業日子接近，當時也還沒想清楚自己未來要做什麼，又覺得說我一個非資訊科系畢業寫什麼程式，所以工程師這條路也就一直默默放在心裡。

也許是工作後，慢慢得出自己適合和想成為的樣子，這次也比較能靜下心來做選擇，即使從 0 開始又如何呢？爸爸跟哥哥都是軟體工程師(雖然都不是前端，他們能寫，我何嘗不能？再加上大學修了許多 UX / UI 設計課，規劃網站和處理相關視覺也有經驗，能把自己想的畫的東西做出來，有夠帥的啦！

若轉職辛苦，我剛好也想懷念一下高三拼學測的日子，從高中念延平（天天在考試，大學念挺操的工設（天天在趕作品，工作在開改（天天在訓練，培養出的吃苦耐勞基底，OK的！

於是就這樣，我踏上了轉職前端工程師的道路（姐，若你看到這篇，別誤會，我還是很愛開改滴～～

抱著只許成功的決心展開程式人生

因清楚自己的個性不適合ㄧ邊上班一邊轉職，再加上希望用最短時間踏上軌道，當時，做了蠻大的賭注，是直接離職，預計花半年時間全職學習程式後找前端工作。

程式背景：之前有看過 Hahow 的網頁程式課，但大概只剩會寫 hello world的程度，大學有玩 Arduino，但也是很基礎的那種，一開始看到前端技能樹，各種英文術語，CSS、JavaScript、Git，覺得迷茫，一個也不會，為想效率學習，提離職時，報名了實體前端養成班，課程約6個月，並目標上完課後一個月內找到工作。

另，我當時是看紮實的網頁前端學習路線與資源推薦（by Huli 大大）這篇，一顆顆剪石頭的，覺得整理的超完整～～

我的學習歷程

2020.9月初～10月中 — 學習基礎 HTML、 CSS 、JavaScript 語法

學習資源：Amos 金魚系列影片、W3school、六角 JavaScript 學徒試煉、udemy 影片(推薦光速駕馭 HTML / CSS)、iT 邦鐵人賽文章、HTML&CSS：網站設計建置優化之道書

能力程度：會用 flex 切出個靜態版型（還不會 RWD，卡卡的用原生 JS 寫出髒髒的 to-do-list，被問說 Java 跟 JavaScript 有沒關係會猶豫很久說應該沒有

時間分配：一週六天泡在圖書館或咖啡廳約8小時，傍晚去健身，晚上回家翻程式書，或練英文或看日劇

2020.10月中～12月底 — 學習 SCSS、RWD、Bootstrap、基礎 jQuery、加強JavaScript概念、學習基礎 ES6 與 React

學習資源：養成班實體課程、六角切版直播班、六角 JS 核心課程、Web 實驗室 React 特調工作坊、Alex JS 30 系列影片、Kuro 008 書籍、你所不知道的 JS 系列書籍、JS 犀牛書

能力程度：會切分 SCSS 檔寫具 RWD 且有些動態效果的簡易靜態版型、會改 Bootstrap 變數和用格線系統，能卡卡說出基礎常見的JS概念（型別轉換、閉包、提升、傳址傳值，卡卡看懂 JS30 的範例 code，用 React 語法卡卡寫出 to-do-list（註：卡卡 — 過程需 Google 確認自己的理解，或是找 Bug 花很久時間，不知哪裡出 Bug

時間分配：一週五天上實體課程，偶而傍晚去健身，晚上回家看線上影片學習或趕作業，一個月休息個ㄧ天（大概就拿來補眠和放空

2021.1月 ~ 2021.2月中 — 學習 HTML5、 Vue、 React、繼續熟練 ES6、加深 JavaScript 、學習一些開發工具 Git、Gulp 、Webpack

學習資源：養成班實體課程、Web 實驗室 React 特調工作坊、Kuro 008 書籍、Vue3書籍、Vue 和 React 官方網站資源、各式技術部落格、MDN、Stack Overflow 等

能力程度：能手刻簡易 SCSS framework （包含客製格線系統，用 React 或 Vue 小卡寫出 SPA 簡易網站，能看相關文件或教學資源串接 API，能小卡說出常見 JS 概念（let 與 const、this、Promise、Prototype等，能用 Git 和 Gulp 建立出簡易版團隊開發環境

（註：小卡 — 能比較有自信講出觀念，然後回家再偷查一下，看自己有沒講錯，找 Bug 時間縮短，查 Stack Overflow 能熟練地匡選到關鍵程式，（然後複製貼上到 VS code，喂

時間分配：一週五天上實體課程，非常偶而去健身，基本上沒在休息ＱＱ，一天除吃飯睡覺運動外，都在練code，Macbook 螢幕時間平均落在 12 小時，最高紀錄有兩週突破 14 小時（快瞎了ＱＱ

2021.2月中 ~ 2021.3月底 — 趕作品、整理作品集、中文履歷、英文CV，投履歷、參加面試，看Redux、Jest 單元測試

學習資源：Kuro Vue3 書籍、Alex ReVue 系列影片、React 系列部落格、各式技術部落格（英文文章比例提升、MDN、Stack Overflow 等

能力程度：對於沒接觸過的 API、library 或 plugin 能捲起袖子帶 8 成自信說，我可以自行研究看看，專案大概何時需要 ?（然後回家死命活命海 K，生出個菜雞的程式

時間分配：繼續維持燃燒模式，但後期等面試結果和自認為有幾場面試表現不佳，影響到學習效率（會一直想看手機有沒電話打來或 Email 寄來

2021.4月 ~ 現在 — 為之後 4月底要 on board 工作抱佛腳中，目前加強學習 Webpack、React 和 Redux 觀念、後續 Flux 、單元測試、CI、CD觀念

學習資源：Youtube React 教學影片、官方原文文件、React書籍、Mike Webpack 教學影片、Clean Code 書籍、台大計算機概論影片…等，持續挖乾糧來啃

能力程度：不好說ＱＱ，戰戰兢兢倒數中，希望不讓未來主管失望ＱＱ

時間分配：回歸泡咖啡廳或圖書館日子，並試著調整作息和規律上健身房，另，也計畫安排把練英文和日文排進每天 routine 中

想感謝的大神們與推薦學習資源

俗話說好老師帶你上天堂，在我的學習歷程遇到了許多大神老師們想好好感激，有他們無私的教學奉獻，我才能一路還算順遂走過來，這邊就簡易列舉

金魚系列切版教學影片 / Amos

Amos老師是我踏進前端的引路大神，金魚系列是寫程式第一個接觸的教材，印象最深刻的莫過於 flex 的介紹，看完不到影片有種穴道活絡被全點開的感覺，還有各種生動擬人的描述，像 CSS 選取器弟弟妹妹一起來，看一次就永遠記得，激推老師的懶人包

2.JS30 系列影片 / 幹話聊前端等系列 / Alex

養成班同學都知道我是 Alex 粉絲，大概跟每個同學都推薦一輪 Alex 的影片，風趣實在的內容，讓人愛上寫 JavaScript ，記得一開始很不懂傳址傳值的概念，看完 Alex 開 Excel 的介紹後就秒懂了，還有那悅耳的打字鍵盤聲與幽默的幹話，半夜看也完全不會想睡，激推～～快來衝破萬人訂閱，用力點下去！ Alex 大神頻道

3. 008 重新認識 JS / Vue3 書籍 / Kuro

應該在台灣前端界，沒有人不認識 Kuro 大神吧？ 008 書籍新手必須擁有，洛克人剪刀手描述的原型鏈解釋讓人印象深刻，還有許多你又答錯了嗎？等等先別急著睡著啊的梗圖都戳中要害，白話風趣的說明，逐步奠定 JS 的核心知識，覺得每個前端新手必買 008 啊！Vue3 書也是大推～出版隔一天就衝去天瓏書局買，還有幸在 side project 交流會要到大神簽名 >//< Kuro老師 it 邦文章

4. React 特調工作坊 / KK

對 KK 印象最深刻的莫過於辨識度超高的笑聲 XD，覺得自己非常幸運參與到 React 特調的工作坊活動，雖然宅女我一次也沒去過現場，但有每週還算認真的看上課影片並勤做筆記，KK 無私的教學精神與雄厚的程式能力都讓我感到佩服與景仰，也是因為有 KK React 的教導，我才能順利拿到目前需寫 React 的前端 offer，KK最高！( on board 之前我會把後面筆記補齊，握拳

Web實驗室臉書粉專

5.養成班老師們

幾位養成班老師也是轉職路上的貴人，像是許多程式基礎是上過專題老師的課後才恍然大悟，且這些觀念不只限於 JavaScript ，老師的名言，寫程式就跟電腦聊天一樣，我也期許未來能到達像老師精通各語言的境界，能輕鬆和電腦聊天

仿間有許多養成班課程，大部分有課程說明會，可免費報名參加，至於是否合適合就看個人評估～～

6. JavaScript 學徒的試煉 / 六角切版直播班 / 洧杰校長

洧杰老師是我 JS 的引路老師，非常推薦給從0開始學 JavaScript 的新手看學徒的試煉，課程設計對完全新手非常友善，另，在切版直播班也是讓我見識自己過去切版切得有多冗多爛，學完後，套一句老師的話，會想把過去的自己釘在牆上！看以前的 code 看到吐血，這裡有一篇比較詳細的心得文可以參考

六角學院官網卡斯伯老師的課也推薦～～

當然還有許許多多的大神老師們，與一路上結識的前輩與轉職同伴們，很感謝大家的幫忙、建議與指教，讓我不是孤軍奮戰，一路順利走過來

轉職過程體認到最重要的事

締造一個能持續進步的環境
接受自己就是個菜雞事實
用自己的話整理吸收的知識

這邊很推薦一本心靈書籍不要在該奮鬥時，選擇安逸，裡頭滿滿精神糧食，我把它放在我床頭前奉著，推薦給大家～

第1點，環境非常重要，這裡分內在環境和外在環境

內在環境：我自己締造內在環境的方式就是找個有強者在的地方，以他們為目標，逼自己快速前進（像我家老哥、直播班常摘星的強者同學、工作坊的程式強者同學，以及在日本當工程師的大學同學（感謝漢娜、讚嘆漢娜，有妳才有現在的我ＱＱ

外在環境：也就是學習環境，會影響到學習效率，像是我習慣在咖啡廳或圖書館看影片或看書學習，寫專案或趕作業時，在家用雙螢幕進行開發，找一個適合的環境才能事半功倍

第2點，要接受自己不是天才，而且還是個平庸的菜雞

想起工作坊第二週在寫作業，內容是 async 和 await 的題目，我看了一整天 Promise 的各式介紹，不到 5 題的作業我寫到凌晨 2 點還是不會寫 / 第一次在學習 this 和 prototype ，影片大概重看了5遍，還是覺得有看沒有懂 / 本興致滿滿要三週看完 JS 核心概念，結果看了兩三個月多 / 查資料文章，第一段作者說你最好要先了解 xx 觀念，並放一個連結，點進去又發現第一段又是你最好先看過或知道oo觀念，又點進去，點到忘記自己一開始在查什麼 / 我怎麼什麼都不會，有些學了還忘記，我好爛

過程中遇到許許多多這樣懷疑人生的挫折，但就是只能接受自己的平庸，自己就是時常狀態差，自己就是從0開始，當然什麼也不會，只能任命地耐心地一步步爬，並讓明天的自己更好，從平庸中變得更強。

像是我一開始很懼怕寫 JavaScript，覺得練切版練久就忘記 JS 怎麼寫，於是我從11月開始，自己設下 每天都要寫JS 的30天挑戰，強迫自己每天都要碰JS，俗話說日久生情 / 感情是可以培養的不是沒有道理的XD，30天過後自己把他延長到 90 天，90 天過後改寫框架，享受在寫程式的感覺，覺得跟 JS 也沒這麼陌生了，雖然他很任性不受控，還有許多面向不知道，但能抱著一顆慈母之心，耐心地了解他～

第3點，軟體業資訊太多，沒有整理吸收，容易學了就忘了

延續第二點，因為知道自己不是天才，沒有過目不忘的功力，也沒有看一遍就懂的通靈能力，再加上前端有太多東西要學，不把學過的整理起來，大概2週後就忘記了(完全金魚腦，無誤

初期我使用 Xmind 軟體用心智圖方式整理筆記，會像下面這個樣子～