Source: https://www.cakeresume.com/resources/frontend-engineers-salary-jobs-interview
CakeResume 求職平台提供豐富、優質的網路科技業職缺，其中平台上的求職者更有超過 30% 為軟體工程師！由於長期以來蒐集許多有關於各類軟體工程師找工作的提問，因此推出一系列軟體工程師找工作的文章，內容包含薪資情報、熱門職缺、面試準備等關鍵資訊，身為軟體工程師的你千萬不要錯過！
文章大綱：
- 前端工程師薪水及人才需求
- 熱門前端工程師職缺
- 前端工程師履歷範本 & 技巧
- 前端工程師面試問題 & 攻略
- 前端工程師前景及發展方向
《軟體工程師找工作》的系列文章，就由相對於後端、全端較容易入門的網頁前端工程師來打頭陣！除了相對入門門檻較低，前端職缺的數量也較其他軟體工程職缺多，因此是許多新手、轉職者入門網路開發領域的最先選擇。而由於近幾年前端工程師人數持續增加，也讓前端求職者間的競爭加劇、企業的選才條件更加的講究，甚至造成初階、進階前端工程師間的薪水產生極大的差距！以下就首先來看看大家都好奇的前端工程師薪資情報！
前端工程師薪水及人才需求
根據行政院主計處於 2018 年的統計顯示，在 20 - 24 歲年齡區間有高達 68% 的就業者月薪低於 30,000 元新台幣，而 25 - 29 歲區間也有約 40% 就業者月薪低於 30,000 元台幣。針對於CakeResume 求職平台上約 650 筆前端工程師職缺做出統計（已過濾薪資範圍＞ 1.5 倍的職缺，以減少誤差），前端工程師職缺的起薪約落在 40,000 元新台幣，優於約 80% 20 - 29 歲年齡區間的受僱就業者每月主要工作的收入。
初階與中高階前端工程師的薪資統計
接下來看到 2020 年至今 CakeResume 平台上初階及進階前端工程師平均月薪及年薪的差異統計，由下圖可以看到相較於初階前端工程師的平均月薪，中高階前端工程師的平均月薪高出約 50%，平均年薪的部分則高出約 100,000 新台幣。
不過除了資歷的深淺，求職者本身是否有額外的加分能力（如：具設計能力、後端能力）、公司本身的背景（產業類別、市場規模、獲利能力）等等，都會讓薪資有不同幅度的差異。
不同前端框架的職缺數量與薪資統計
由下圖可看到React 是於企業端需求最高的 JavaScript 框架，有約 40% 的職缺於專業條件中要求應徵者需要熟習 React 框架，也不令人驚訝地呼應了 React 是近年來最受歡迎的前端框架，也是於三者間擁有最豐富資源、部落格文章及互動的生態圈。
而網路上已充滿了許多有關 React、Angular、Vue 技術面及應用面上的比較文章，你是否也好奇選擇學習哪一種框架對於薪資所帶來的差異？由下圖我們可以看到於前端框架之中，要求熟悉 Vue 框架的職缺所相對應的平均起薪是較其他框架高的。經過觀察推估，由於博弈業者多偏好使用 Vue 前端工程師，加上博弈公司的薪資普遍較其他產業高，因此拉抬了 Vue 前端工程師的平均薪資。此外，雖然再三者之中 Vue 為用戶歡迎度較低的框架，但由於 Vue 為開發人員公認十分容易上手的框架，其於 GitHub 上的星級已超過其他兩種框架。
在一窺不同資歷、熟悉不同前端框架的前端工程師於 CakeResume 上的薪資統計後，接下來就要揭曉於 CakeResume 求職平台上最熱門的前端工程師職缺！以下前端工程師職缺將會以本土及海外/跨國作為區分，並再細分為初級及中高階，不論你是新手還是老鳥，都來看看有沒有適合你的前端工程師職缺吧！
熱門前端工程師職缺
【初階】
徵才企業招募職缺薪資待遇PinkoiFrontend Engineer40K+ TWD/月TagnologyJunior Frontend Developer30K ~ 55K TWD/月BotBonnie(Junior) 前端工程師40K ~ 60K TWD/月KKBOX Group[KKLAB] Frontend Engineer800K+ TWD/年KKday[Rezio] Web 前端工程師35K ~ 50K TWD/月
【中高階】
徵才企業招募職缺薪資待遇Dcard Web Frontend Developer900K ~ 1.6M TWD/年Carousell 旋轉拍賣
Sr. Software Engineer, Frontend Web 1.5M ~ 1.7M TWD/年PicCollage 拼貼趣Frontend Developer 1M ~ 1.8M TWD/年OpenNet 開網Frontend Developer700K ~ 1M TWD/年街口支付Frontend Developer40K+ TWD/月
在了解完前端工程師的薪資情報，也找到了幾個心儀的優質職缺後，接下來的重點就是製作專業精美的履歷！如果你還在猶豫該如何做出吸引人，同時又能夠精準呈現你專業技術的履歷，別擔心，這裡將提供好用的履歷工具及專業的履歷範本給你參考！
前端工程師履歷範本 & 技巧
CakeResume 免費履歷工具主打容易上手及高度客製化，可以透過拖曳圖/影片、投影片、文字區塊等多媒體元素來打造突顯個人特色的線上履歷，一起來看看 CakeResume 上有哪些專業又精美的前端工程師履歷吧！
想要到外商、跨國企業或是海外工作嗎？這裡也有專業的前端工程師英文履歷給你參考！
前端工程師履歷撰寫 3 大技巧：
- 深入了解欲應徵公司之背景、產品及職缺，並於履歷上呈現相關經歷及技術
- 透過關鍵字 (特定人格特質及專業技術) 讓人資主管可以迅速找到你
- 利用量化數據及作品集呈現你可以為公司帶來的貢獻及價值
需要更多製作履歷的靈感嗎？CakeResume 上還有許多優秀的前端工程師履歷供你參考！
恭喜你完成專業的前端工程師履歷！還擔心履歷上的經歷不夠亮眼，無法吸引人資主管的目光嗎？建議你再次仔細看過即將應徵職位的工作內容及專業需求，檢查自己是否有缺少任何公司標註為必要的技術及條件，並嘗試將其列舉的項目做出相應的作品，如此不但會減少人資主管的疑慮，也能讓面試過程更加順利！
延伸閱讀: 工程師面試履歷的 Dos and Don'ts
前端工程師面試問題 & 攻略
首先如果你已經開始擔心面試相關事項，恭喜，你已經離找到理想的工作不遠了！
有關面試準備的部分，將會分為以下幾個部分來進行討論：
- 面試前的準備
- 面試中的常規問題
- 針對前端工程師的技術性問題
- 前端工程師的加分特質
一起來看看前端工程師面試前需要做哪些準備吧！
面試前的準備
- 作品集：準備、整理好即將展示給面試官的作品集，並事先練習該如何透過各作品呈現自己優於他人的特質及技術 (如：合作能力、技術能力)，以及過程中所學習到的東西。此外，也要事先做好裝置 (個人筆電) 的檢查及準備，避免任何技術上的問題(如：網路連線問題)。
- 公司認識：事先透過上網查詢、諮詢於該公司任職的朋友或參加該公司舉辦的公開活動，來多加了解即將前往面試之公司的背景、產品及願景。
- 服裝儀容：在經過調查且對將前往應徵的公司有更多的了解後，你可以依照該公司的要求及企業文化來挑選適合的服裝前往面試。
- 反覆練習：事先反覆練習可能會被提問的技術及非技術性問題，清楚闡述自己能為公司帶來哪些價值。建議可以透過先面試你心目中排序較後的公司來做練習，同時也比較能抓到面試前端工程師職位的節奏。
- 問題提問：不論你是應徵甚麼職位，都必須於面試前事先準備提問問題！因為所有的應徵者都會在面試結束前有個對面試官的提問機會，除了可以對公司做更深入的了解，這也是你展示企圖心及積極度的時候。而面試時根據公司的規模大小，你可能會接觸到不同職等 (如：管理階層、領導階層)、不同專業背景 (如：人資背景、工程師背景) 的面試官，關於對各類面試官的提問問題，可以參考 Louie 於部落格的文章： 開發人員的面試指南：如何面試一家公司。
此外，面試時請記得將手機關為靜音，及積極地與面試官進行對話、互動，適時地提問、釐清問題，營造出討論、互動的氛圍。這裡列出了的反覆練習，不過究竟面試中會出現哪些問題呢？有關面試中的常見問題網路上已經有很多的資源，這裡將列出最常見的 8 個面試問題，讓你可以提前作準備！
面試中的常規問題
- 自我介紹：面試官將會要求你進行 1 分鐘、 2 分鐘或是 5 分鐘的自我介紹，請事先準備不同長度的內容，並確保可以清楚傳達你的學歷背景、應徵動機、個人優勢等資訊，並適時調整長度及內容細節。
- 應徵動機：這部分可以整理 3 點該公司或該職缺吸引你的地方，動機可以是該公司的企業文化、公司理念、工作環境，或是你對該職缺的熱情、經歷，及加入該公司可以帶給你什麼樣獨一無二的成長機會。
- 個人優勢：當同時有數個條件不錯的求職競爭者，你有什麼與其他人不一樣的優勢嗎？這裡可以舉出 1~3 項你的個人優勢並深入舉例說明，這可以是人格特質上的、專業技能上的、個人經歷上的，甚至是與應徵專業無關其他技能，都可能讓你脫穎而出！
- 個人劣勢：你的缺點是甚麼？你遇過最大的挫折是甚麼？聽到這個問題千萬不要慌，請不要回答你缺乏該職缺所必要的技能或特質 (如：我不擅長與人溝通、合作)，或是單純曝露你的缺點。面試官想知道的除了你有哪些缺乏的，更想了解你如何克服、解決該不足之處，及面對困難時你的態度及所會採取的行動。
- 離職/轉職原因：若你不是社會新鮮人，這個問題是你於面試中絕對會遇到的。這部分要注意的是，必須要避免抱怨、怪罪前公司的上司、同事，也盡量避免暴露自己人格特質上的弱勢。面試官想知道的是，在你進入公司後，會不會因為同樣的原因而輕易離職呢？建議將離職/轉職原因與職涯規劃做連結，並串接成一個合理的故事。
- 職涯規劃：你為甚麼選擇成為前端工程師呢？你未來的職涯發展規劃為何？若你並非軟體工程師相關科系，是透過自學或其他管道成為前端工程師，相信你一定有十分特殊的故事及明確的目標！
- 自我認知：你還有去哪些公司面試？面試了哪些職缺？面試官除了想要知道你是否還有其他選擇，更想透過了解你對產業、職位的選擇來確定你是否有明確的規劃及自我認知，知不知道自己擅長甚麼、對什麼有熱情。
- 問題提問：面試中的常客，「最後你還有甚麼問題想問我們嗎？」，請參考面試前準備的最後一項「問題提問」，把握這個了解公司、展現自己的好機會！
針對前端工程師的技術性問題
有關針對前端工程師專業技術的面試問題，主要有幾個方向可以進行準備： HTML 規格相關、CSS 規格相關、 JavaScript 語言本身及相關、語言框架 (framework) 相關及大方向性的問題。以下為統整 GitHub 前端工程師問題集，及 CakeResume CEO 兼創辦人 Trantor Liu (資深前端工程師同時專精於UI/UX設計、搜尋引擎優化)，於面試前端工程師時的常問問題。
- 請分享你目前最關注的Web技術
- 請分享你喜好的開發環境 (作業系統, 編輯器, 瀏覽器, 開發工具 … 等)
- 請說明你於開發一個網站時的工作流程
- 請舉例三種能加快網頁讀取速度的方法
- 請分享你使用何種工具來測試程式碼效能
語言框架(framework)相關問題：
- 請說明 React 與 Redux 之間的關係 (如果是使用 Vue 的人，則請說明 Vue 與 Vuex 的關係)
- 請就你的理解說明 React/Vue/Angular 是什麼，以及 Reactt/Vue/Angular 的設計哲學
- 請說明 React、Vue、Angular 的差別
JavaScript語言熟悉度相關問題：
- 請說明 JavaScript 的 closure 是什麼
- 請說明如何在 JS 中實作 class 以下為 GitHub 上各 JavaScript 及其語言框架的題庫：
React 題庫 - https://github.com/sudheerj/reactjs-interview-questions
Vue 題庫 - https://github.com/sudheerj/vuejs-interview-questions
Angular 題庫- https://github.com/sudheerj/angular-interview-questions
JS 題庫- https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Questions
HTML規格相關、CSS規格相關問題：
- 請說明你最熟悉的CSS框架 (framework) 及其優點
HTML 及 CSS 相關問題多會以 demo (實作)的方式進行，面試官多會直接要求面試者刻出指定模型、畫面，再透過觀察架構來判定你的能力。
HTML 及 CSS 規格問題集：
https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers
此外，面對較初階的前端工程師，面試官多以提問的方式來了解面試者對 HTML 及 CSS 規格的了解，故可以多加參考以上 HTML & CSS 問題集；若你是較進階的前端工程師，面試官的提問會多針對語言框架等概念性的方向。當然，依據求職者的經歷、年資，應徵公司的產業類別、產品面向，職缺的工作內容、技術要求，面試官的提問也會有所調整，在你前往面試前，再次透過以上的前端工程師面試前準備及面試問題預習，相信你能輕鬆應付面試，過關斬將！
面試後也不要忘了寫一封感謝信給面試官，除了感謝他撥空與你進行談話，更可以藉著這個機會把面試中來不及討論及要澄清的事項解釋清楚，同時也不要忘記隨時留意 email 和手機以免錯過重要通知喔！
你是不是還好奇，除了技術之外，還有甚麼能力及特質是僱主/人資主管所期待在前端工程師求職者身上所發掘的呢?
前端工程師的加分特質
- 團隊合作的能力：身為前端工程師，少不了的就是與 UI/UX 設計師、其他前端工程師及後端工程師溝通協調的過程啦！如果你有相關合作經驗，或是其他可以證明你具有團隊合作素質的經歷，都可以幫你加分喔！
- 美感與設計概念：由於使用者第一線接觸到的便是網站或是 APP 的操作，若你具有 UI/UX 相關工作經驗，或是對繪圖軟體、設計規範有所涉略的話，自然是加分的！
- 同理心：使用者的體驗與轉換率的提升間有極大的關係，若你具有同理心，能以使用者的角度來愈想產品與用戶間的互動，進而對產品進行設計及調整，對想成為前端工程師的你是大大的加分！
- 學習能力佳：軟體工程師領域的知識永遠學不完！身為前端工程師的你必須不斷地精進、更新相關知識技術，因此快速、有效的學習能力相當重要。此外，你需要對該領域抱持熱情，才有持續研究、學習的動力！
- 產業知識：當你在搜尋職缺、應徵工作的時候，你可能會看到，「有串流經驗者為佳」、「喜愛遊戲者為佳」、「有大數據、機器學習經驗者為佳」，故若你對應徵公司的產業有所熱情及了解的話，也會加分不少喔！
- 時間規劃能力：由於前端工程師的作業與 UI/UX 設計師、後端工程師等有密切的牽連，因此如果你能夠準確的評估開發所需要的時間及時程，也是很加分！
- 分析思維及工具：由於前端工程師這個角色與使用者體驗緊密相關，因此擁有分析用戶體驗回饋之相關數據的能力十分重要。雖然多數大公司會有獨立的行銷團隊來負責，但如果前端工程師對這些分析的工具 (如：Google Analytics、Facebook Pixel、Google Tag Manager) 也有所了解，將會讓與行銷團隊的溝通容易許多！
- 相關認證：現今有不少軟體工程師等相關課程 (如：經濟部工業局DIGI⁺ Talent計畫) 及測驗認證 (如：JobEspresso 資深工程師認證)，對企業來言，選擇經過相關管道學習或是取得認證的求職者，不但可以減少專業能力測驗的時間成本，還有第三方機構的認證，何樂而不為！
最後，如果你閱讀到了這一部分，想必你已經找到理想的工作了吧！如果你是初階前端工程師，對自己未來該往哪個方向發展還沒有頭緒的話，以下提供你幾個方向做參考！
前端工程師前景及發展方向
- 設計前端：若你有設計相關背景，或是對於美的追求相當執著，你可以多加涉獵、研究繪畫工具及設計規範。
- 進階前端：前端領域的知識及技術如黑洞一般，你需要不斷地學習更多的框架、工具及套件管理來優化開發流程，此外，還需要不斷更新、學習 CSS 與 JavaScript 的新技術。
- 全端：透過加強後端技能，發展成全端工程師！
- 行動應用：現今使用者多擁有一個以上的裝置 (筆記型電腦、智慧型手機、平板電腦) ，因此往行動裝置發展也是你的選擇之一！
《軟體工程師找工作》系列文章
延伸閱讀
留言 0