前端工程師找工作 大全 - 薪資情報、熱門職缺、面試技巧

Cake 求職平台提供豐富、優質的網路科技業職缺，其中平台上的求職者更有超過 30% 為軟體工程師！由於長期以來蒐集許多有關於各類軟體工程師找工作的提問，因此推出一系列軟體工程師找工作的文章，內容包含薪資情報、熱門職缺、面試準備等關鍵資訊，身為軟體工程師的你千萬不要錯過！

《軟體工程師找工作》的系列文章，就由相對於後端、全端較容易入門的網頁前端工程師來打頭陣！除了相對入門門檻較低，前端職缺的數量也較其他軟體工程職缺多，因此是許多新手、轉職者入門網路開發領域的最先選擇。而由於近幾年前端工程師人數持續增加，也讓前端求職者間的競爭加劇、企業的選才條件更加的講究，甚至造成初階、進階前端工程師間的薪水產生極大的差距，以下就首先來看看大家都好奇的前端工程師薪資情報！

根據行政院主計處於 2018 年的統計顯示，在 20 - 24 歲年齡區間有高達 68% 的就業者月薪低於 30,000 元新台幣，而 25 - 29 歲區間也有約 40% 就業者月薪低於 30,000 元台幣。針對於 Cake 求職平台上約 650 筆前端工程師職缺做出統計（已過濾薪資範圍＞ 1.5 倍的職缺，以減少誤差），前端工程師職缺的起薪約落在 40,000 元新台幣，優於約 80% 20 - 29 歲年齡區間的受僱就業者每月主要工作的收入。

初階與中高階前端工程師的薪資統計

接下來看到 2020 年至今 Cake 平台上初階及進階前端工程師平均月薪及年薪的差異統計，由下圖可以看到相較於初階前端工程師的平均月薪，中高階前端工程師的平均月薪高出約 50%，平均年薪的部分則高出約 100,000 新台幣。

不過除了資歷的深淺，求職者本身是否有額外的加分能力（如：具設計能力、後端能力）、公司本身的背景（產業類別、市場規模、獲利能力）等等，都會讓薪資有不同幅度的差異。

不同前端框架的職缺數量與薪資統計

由下圖可看到 React 是於企業端需求最高的 JavaScript 框架，有約 40% 的職缺於專業條件中要求應徵者需要熟習 React 框架，也不令人驚訝地呼應了 React 是近年來最受歡迎的前端框架，也是於三者間擁有最豐富資源、部落格文章及互動的生態圈。

而網路上已充滿了許多有關 React、Angular、Vue 技術面及應用面上的比較文章，你是否也好奇選擇學習哪一種框架對於薪資所帶來的差異？由下圖我們可以看到於前端框架之中，要求熟悉 Vue 框架的職缺所相對應的平均起薪是較其他框架高的。經過觀察推估，由於博弈業者多偏好使用 Vue 前端工程師，加上博弈公司的薪資普遍較其他產業高，因此拉抬了 Vue 前端工程師的平均薪資。此外，雖然再三者之中 Vue 為用戶歡迎度較低的框架，但由於 Vue 為開發人員公認十分容易上手的框架，其於 GitHub 上的星級已超過其他兩種框架。

在一窺不同資歷、熟悉不同前端框架的前端工程師於 Cake 上的薪資統計後，接下來就要揭曉於 Cake 求職平台上最熱門的前端工程師職缺！以下前端工程師職缺將會以本土及海外/跨國作為區分，並再細分為初級及中高階，不論你是新手還是老鳥，都來看看有沒有適合你的前端工程師職缺吧！

初階 Frontend Developer 職缺

中高階 Frontend Developer 職缺

如果還想看看更多機會， Cake 網羅了各大科技公司與知名新創的前端工程師職缺！確定求職目標後，接下來的重點就是製作專業精美的履歷。如果你還在猶豫該如何做出吸引人，同時又能夠精準呈現你專業技術的履歷，別擔心，這裡將提供好用的履歷工具及專業的履歷範本給你參考。

Cake 免費履歷工具 主打容易上手及高度客製化，可以透過拖曳圖/影片、投影片、文字區塊等多媒體元素來打造突顯個人特色的線上履歷，一起來看看 Cake 上有哪些專業又精美的前端工程師履歷吧！

前端工程師履歷

想要到外商、跨國企業或是海外工作嗎？這裡也有專業的前端工程師英文履歷給你參考。

看更多履歷範本 👉 前端工程師真人履歷範本

前端工程師履歷撰寫 3 大技巧：

心履歷上的經歷不夠亮眼，無法吸引人資主管的目光嗎？建議你再次仔細看過即將應徵職位的工作內容及專業需求，檢查自己是否有缺少任何公司標註為必要的技術及條件，並嘗試將其列舉的項目做出相應的作品，如此不但會減少人資主管的疑慮，也能讓面試過程更加順利！

首先如果你已經開始擔心面試相關事項，恭喜，你已經離找到理想的工作不遠了。有關面試準備的部分，將會分為以下幾個部分來進行討論，一起來看看前端工程師面試前需要做哪些準備吧！

面試前的準備

• 作品集：準備、整理好即將展示給面試官的作品集，並事先練習該如何透過各作品呈現自己優於他人的特質及技術（如：合作能力、技術能力)，以及過程中所學習到的東西。此外，也要事先做好裝置（個人筆電）的檢查及準備，避免任何技術上的問題（如：網路連線問題）。
• 公司認識：事先透過上網查詢、諮詢於該公司任職的朋友或參加該公司舉辦的公開活動，來多加了解即將前往面試之公司的背景、產品及願景。
• 服裝儀容：在經過調查且對將前往應徵的公司有更多的了解後，你可以依照該公司的要求及企業文化來挑選適合的服裝前往面試。
• 反覆練習：事先反覆練習可能會被提問的技術及非技術性問題，清楚闡述自己能為公司帶來哪些價值。建議可以透過先面試你心目中排序較後的公司來做練習，同時也比較能抓到面試前端工程師職位的節奏。
• 問題提問：不論你是應徵甚麼職位，都必須於面試前事先準備提問問題！因為所有的應徵者都會在面試結束前有個對面試官的提問機會，除了可以對公司做更深入的了解，這也是你展示企圖心及積極度的時候。而面試時根據公司的規模大小，你可能會接觸到不同職等 （如：管理階層、領導階層）、不同專業背景（如：人資背景、工程師背景）的面試官，關於對各類面試官的提問問題，可以參考 Louie 於部落格的文章：「開發人員的面試指南：如何面試一家公司」

此外，面試時請記得將手機關為靜音，及積極地與面試官進行對話、互動，適時地提問、釐清問題，營造出討論、互動的氛圍。這裡列出了的反覆練習，不過究竟面試中會出現哪些問題呢？有關面試中的常見問題網路上已經有很多的資源，這裡將列出最常見的 8 個面試問題，讓你可以提前作準備！

面試中的常規問題

1. 自我介紹：面試官將會要求你進行 1 分鐘、 2 分鐘或是 5 分鐘的自我介紹，請事先準備不同長度的內容，並確保可以清楚傳達你的學歷背景、應徵動機、個人優勢等資訊，並適時調整長度及內容細節。
2. 應徵動機：這部分可以整理 3 點該公司或該職缺吸引你的地方，動機可以是該公司的企業文化、公司理念、工作環境，或是你對該職缺的熱情、經歷，及加入該公司可以帶給你什麼樣獨一無二的成長機會。
3. 個人優勢：當同時有數個條件不錯的求職競爭者，你有什麼與其他人不一樣的優勢嗎？這裡可以舉出 1~3 項你的個人優勢並深入舉例說明，這可以是人格特質上的、專業技能上的、個人經歷上的，甚至是與應徵專業無關其他技能，都可能讓你脫穎而出！
4. 個人劣勢：你的缺點是甚麼？你遇過最大的挫折是甚麼？聽到這個問題千萬不要慌，請不要回答你缺乏該職缺所必要的技能或特質 (如：我不擅長與人溝通、合作)，或是單純曝露你的缺點。面試官想知道的除了你有哪些缺乏的，更想了解你如何克服、解決該不足之處，及面對困難時你的態度及所會採取的行動。
5. 離職/轉職原因：若你不是社會新鮮人，這個問題是你於面試中絕對會遇到的。這部分要注意的是，必須要避免抱怨、怪罪前公司的上司、同事，也盡量避免暴露自己人格特質上的弱勢。面試官想知道的是，在你進入公司後，會不會因為同樣的原因而輕易離職呢？建議將離職/轉職原因與職涯規劃做連結，並串接成一個合理的故事。
6. 職涯規劃：你為什麼選擇成為前端工程師呢？你未來的職涯發展規劃為何？若你並非軟體工程師相關科系，是透過自學或其他管道成為前端工程師，相信你一定有十分特殊的故事及明確的目標！
7. 自我認知：你還有去哪些公司面試？面試了哪些職缺？面試官除了想要知道你是否還有其他選擇，更想透過了解你對產業、職位的選擇來確定你是否有明確的規劃及自我認知，知不知道自己擅長甚麼、對什麼有熱情。
8. 問題提問：面試中的常客，「最後你還有甚麼問題想問我們嗎？」，請參考面試前準備的最後一項「問題提問」，把握這個了解公司、展現自己的好機會！

針對前端工程師的技術性問題

有關針對前端工程師專業技術的面試問題，主要有幾個方向可以進行準備： HTML 規格相關、CSS 規格相關、 JavaScript 語言本身及相關、語言框架（framework）相關及大方向性的問題。以下為統整 GitHub 前端工程師問題集，及 Cake CEO 兼創辦人 Trantor Liu (資深前端工程師同時專精於UI/UX設計、搜尋引擎優化)，於面試前端工程師時的常問問題。

大方向性的問題：

語言框架（framework）相關問題：

JavaScript 語言熟悉度相關問題：

HTML 規格相關、CSS 規格相關問題：

HTML 及 CSS 相關問題多會以 demo（實作）的方式進行，面試官多會直接要求面試者刻出指定模型、畫面，再透過觀察架構來判定你的能力。

此外，面對較初階的前端工程師，面試官多以提問的方式來了解面試者對 HTML 及 CSS 規格的了解，故可以多加參考以上 HTML & CSS 問題集；若你是較進階的前端工程師，面試官的提問會多針對語言框架等概念性的方向。當然，依據求職者的經歷、年資，應徵公司的產業類別、產品面向，職缺的工作內容、技術要求，面試官的提問也會有所調整，在你前往面試前，再次透過以上的前端工程師面試前準備及面試問題預習，相信你能輕鬆應付面試，過關斬將！

面試後也不要忘了寫一封感謝信給面試官，除了感謝他撥空與你進行談話，更可以藉著這個機會把面試中來不及討論及要澄清的事項解釋清楚，同時也不要忘記隨時留意 email 和手機以免錯過重要通知。

你是不是還好奇，除了技術之外，還有甚麼能力及特質是僱主 / 人資主管所期待在前端工程師求職者身上所發掘的呢？

前端工程師的加分特質

1. 團隊合作的能力：身為前端工程師，少不了的就是與 UI/UX 設計師、其他前端工程師及後端工程師溝通協調的過程。如果你有相關合作經驗，或是其他可以證明你具有團隊合作素質的經歷，都可以幫你加分喔！
2. 美感與設計概念：由於使用者第一線接觸到的便是網站或是 APP 的操作，若你具有 UI/UX 相關工作經驗，或是對繪圖軟體、設計規範有所涉略的話，自然是加分的。
3. 同理心：使用者的體驗與轉換率的提升間有極大的關係，若你具有同理心，能以使用者的角度來愈想產品與用戶間的互動，進而對產品進行設計及調整，對想成為前端工程師的你是大大的加分。
4. 學習能力佳：軟體工程師領域的知識永遠學不完！身為前端工程師的你必須不斷地精進、更新相關知識技術，因此快速、有效的學習能力相當重要。此外，你需要對該領域抱持熱情，才有持續研究、學習的動力。
5. 產業知識：當你在搜尋職缺、應徵工作的時候，你可能會看到，「有串流經驗者為佳」、「喜愛遊戲者為佳」、「有大數據、機器學習經驗者為佳」，故若你對應徵公司的產業有所熱情及了解的話，也會加分不少。
6. 時間規劃能力：由於前端工程師的作業與 UI/UX 設計師、後端工程師等有密切的牽連，因此如果你能夠準確的評估開發所需要的時間及時程，也是很加分。
7. 分析思維及工具：由於前端工程師這個角色與使用者體驗緊密相關，因此擁有分析用戶體驗回饋之相關數據的能力十分重要。雖然多數大公司會有獨立的行銷團隊來負責，但如果前端工程師對這些分析的工具（如：Google Analytics、Facebook Pixel、Google Tag Manager）也有所了解，將會讓與行銷團隊的溝通容易許多。
8. 相關認證：現今有不少軟體工程師等相關課程（如：經濟部工業局DIGI⁺ Talent 計畫）及測驗認證（如：JobEspresso 資深工程師認證），對企業來言，選擇經過相關管道學習或是取得認證的求職者，不但可以減少專業能力測驗的時間成本，還有第三方機構的認證，何樂而不為！
   

最後，如果你閱讀到了這一部分，想必你已經找到理想的工作了吧？如果你是初階前端工程師，對自己未來該往哪個方向發展還沒有頭緒的話，以下提供你幾個方向做參考。

• 設計前端：若你有設計相關背景，或是對於美的追求相當執著，你可以多加涉獵、研究繪畫工具及設計規範。
• 進階前端：前端領域的知識及技術如黑洞一般，你需要不斷地學習更多的框架、工具及套件管理來優化開發流程，此外，還需要不斷更新、學習 CSS 與 JavaScript 的新技術。
• 全端：透過加強後端技能，發展成全端工程師。
• 行動應用：現今使用者多擁有一個以上的裝置 (筆記型電腦、智慧型手機、平板電腦) ，因此往行動裝置發展也是你的選擇之一。