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

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

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

前端工程師薪水及人才需求

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

Note title

preview Mollit nostrud incididunt ex excepteur.

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

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

前端工程師薪水
前端工程師 薪資統計 - 依資歷 (CakeResume 數據)

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

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

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

前端工程師工作內容
不同前端框架的職缺數量 (CakeResume 數據)

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

前端工程師薪水
前端工程師 薪資統計 - 依框架 (CakeResume 數據)

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

熱門前端工程師職缺

初階 Frontend Developer 職缺

徵才企業招募職缺薪資待遇
PinkoiFrontend Engineer40K+ TWD/
TagnologyJunior Frontend Developer30K ~ 55K TWD/月
BotBonnie(Junior) 前端工程師40K ~ 60K TWD/月
KKBOX Group[KKBOX] Frontend Engineer720K ~ 1M TWD/
TomofunFront-End Developer60K ~ 90K TWD/月

中高階 Frontend Developer 職缺

徵才企業招募職缺薪資待遇
Dcard Web Frontend Developer900K ~ 1.6M TWD/年
KKBOX [KKBOX] Sr. Web Application Engineer 890K ~ 1.4M TWD/
PicCollage 拼貼趣Frontend Developer 1M ~ 1.8M TWD/
OpenNet 開網Frontend Developer700K ~ 1M TWD/
街口支付Frontend Developer40K+ TWD/

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

前端工程師履歷範本 & 技巧

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

前端工程師履歷

前端工程師履歷範本
前端工程師 履歷範本:鄭宏璋 Luke

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

frontend resume
前端工程師 英文履歷範本:Andres Valencia
前端工程師履歷
前端工程師 英文履歷範本:汪東陽 Michael Wang

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

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

  1. 深入了解欲應徵公司之背景、產品及職缺,並於履歷上呈現相關經歷及技術
  2. 透過關鍵字 (特定人格特質及專業技術) 讓人資主管可以迅速找到你
  3. 利用量化數據及作品集呈現你可以為公司帶來的貢獻及價值

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

延伸閱讀:  工程師面試履歷的 Dos and Don'ts前端工程師必備履歷技巧

前端工程師面試問題 & 攻略

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

  • 面試前的準備
  • 面試中的常規問題
  • 針對前端工程師的技術性問題
  • 前端工程師的加分特質

面試前的準備

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

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



面試中的常規問題

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

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

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

大方向性的問題:

  1. 請分享你目前最關注的 Web 技術
  2. 請分享你喜好的開發環境(作業系統, 編輯器, 瀏覽器, 開發工具 … 等)
  3. 請說明你於開發一個網站時的工作流程
  4. 請舉例三種能加快網頁讀取速度的方法
  5. 請分享你使用何種工具來測試程式碼效能

語言框架(framework)相關問題:

  1. 請說明 React 與 Redux 之間的關係(如果是使用 Vue 的人,則請說明 Vue 與 Vuex 的關係)
  2. 請就你的理解說明 React/Vue/Angular 是什麼,以及 React/Vue/Angular 的設計哲學
  3. 請說明 React、Vue、Angular 的差別

JavaScript 語言熟悉度相關問題:

  1. 請說明 JavaScript 的 closure 是什麼
  2. 請說明如何在 JS 中實作 class

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

    請說明你最熟悉的CSS框架 (framework) 及其優點

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

延伸閱讀:

GitHub 工程師面試問題整理:Front-end Developer Interview Questions前端工程師面試問題集

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-Question

Html 及 CSS 規格問題集:https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers

此外,面對較初階的前端工程師,面試官多以提問的方式來了解面試者對 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 的新技術。
  • 全端:透過加強後端技能,發展成全端工程師。
  • 行動應用:現今使用者多擁有一個以上的裝置 (筆記型電腦、智慧型手機、平板電腦) ,因此往行動裝置發展也是你的選擇之一。

Resume Builder

Build your resume only in minutes!

Artikel untuk kamu

Artikel terbaru lainnya
Skill Interview
11 Mar 2024

【自介範例】吸引人的面試自我介紹怎麼說?4 技巧完美活用自我介紹

面試時的自我介紹要說什麼?怎樣的自我介紹才夠吸引人?自我介紹該包含哪些內容?有沒有成功的面試自我介紹範例或範文模板可以參考呢? CakeResume 統整了面試時自我介紹的 3 步驟、4 技巧與適合 6 類型求職者的自我介紹範例,一起輕鬆完成吸引人的自我介紹內容吧!