文章大綱:
薪資情報
  • 初階與中高階前端工程師的薪資統計
  • 前端框架的職缺數量與薪資統計
熱門前端工程師職缺
  • 知名外商及跨國新創
  • 本土知名企業/新創
前端工程師履歷範本 (中英文)
  • 前端工程師履歷撰寫3 大技巧
前端工程師求職技巧
  • 面試前的準備
  • 面試中的常規問題
  • 針對前端工程師的技術性問題
  • 前端工程師加分特質
未來發展方向

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

延伸閱讀:
後端工程師找工作 大全 - 薪資情報、熱門職缺、面試技巧
全端工程師找工作 大全 - 薪資情報、熱門職缺、面試技巧

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

薪資情報

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

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

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

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

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

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

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

frontend engineer demand
不同前端框架的職缺數量

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

frontend developer salary
不同前端框架的薪資統計

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

熱門前端工程師職缺

知名外商及跨國新創:

Shopee、Avance Venture Lab、PicCollage、ShopBack、EMQ

【初階】

SHOPEE

Shopee (蝦皮購物):
東南亞及台灣地區的知名電商平台,擁有廣泛產品種類,2015年於新加坡(總部)推出,已擴展至馬來西亞、泰國、台灣、印尼、越南和菲律賓,隸屬於 Sea 集團。
Shopee APP - Front-end Engineer 前端工程師
全職,初階,50K ~ 100K TWD/月

Avance Venture Lab

Avance Venture Lab:
快速成長中的軟體科技工作室,團隊成員來自美國矽谷,擁有如矽谷新創一般的工作環境及員工福利,有遠端工作制度,且有機會前往美國矽谷工作!
前端軟體工程師(可遠端工作)
全職,初階,30K ~ 200K TWD/


【中高階】

ShopBack

ShopBack (曉寶返現):
東南亞最大的網購現金回饋平台,2014年於新加坡創立,目前市場已涵蓋馬來西亞、菲律賓、印尼、台灣、泰國、澳洲。
Software Engineer - Frontend
全職,中高階,1M ~ 2M TWD/年
(Fullstack(Frontend most) Sr. Software Engineer
全職,中高階,1M ~ 2M TWD/年

PicCollage

PicCollage (拼貼趣):
來自美國矽谷的新創團隊,主要產品『PicCollage』是一追求自由創造及分享的照片拼貼APP,目前全球下載量已突破兩億,使用者主要來自美國、英國及日本等國。
Web Developer
全職,中高階,850K ~ 1.25M TWD/年

EMQ

EMQ (香港商易安聯):
香港 FinTech 新創,於 2014 年成立。透過跨境匯款技術發展及業界合作,提供消費者一個快速、合法、即時及低手續費的國際轉帳渠道。
Frontend Engineer
全職,中高階,40K+ TWD/月

本土知名企業/新創:

WeMo、昕力資訊、Gogoro、Dcard、KKStream

【初階】

WeMo

WeMo:
為台灣領先的智慧電動機車即時租借服務,目前主要營運範圍於大台北地區。結合 WeMo Scooter 及手機 APP ,期待透過「電動機車」及「以租代買」達到環保及改變市容的目的。
Frontend Engineer
全職,初階,550K ~ 800K TWD/年

昕力資訊

昕力資訊:
成立於2005年,提供金融保險業、電信業、製造業等領域相關解決方案與系統建置服務,近期於新加坡、上海設立公司負責海外業務之推展。
網頁前端工程師 (Taipei)
全職,初階,40K ~ 80K TWD/月


【中高階】

Gogoro

Gogoro (睿能創意):
成立於 2011 年,團隊成員來自美國及台灣,為台灣領先的智慧電動機車即時租借服務,致力於創新科技產品的設計、生產、銷售與服務,並積極尋找能源的解決方案。
Frontend Engineer 前端工程師(需求:5 人)
全職,中高階,800K ~ 1.35M TWD/年

Dcard

Dcard (狄卡):
成立於 2011 年,提供台灣及海外部分大學生註冊的社群服務,擁有每個月超越一千五百萬的不重複訪客,且於年輕族群間有極高的滲透率。
Web Frontend Engineer
全職,中高階,900K ~ 1.3M TWD/年

KKStream

KKStream:
成立於 2016 年,為 KKBOX 集團旗下的影音串流科技公司,提供企業客戶串流解決方案與顧問服務,聚焦於日本市場,於台灣、東京皆設有營運據點。
Staff Front-end (Web) Engineer
全職,中高階,40K+ TWD/月


在了解完前端工程師的薪資情報,也找到了幾個心儀的優質職缺後,接下來的重點就是製作專業精美的履歷!如果你還在猶豫該如何做出吸引人,同時又能夠精準呈現你專業技術的履歷,別擔心,這裡將提供好用的履歷工具及專業的履歷範本給你參考!

前端工程師履歷範本 (中英文)

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

前端工程師中文履歷範本:汪東陽 Michael Wang

frontend engineer resume example
前端工程師履歷範本

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

frontend engineer resume sample
前端工程師履歷範本

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

前端工程師英文履歷範本:Andres Valencia

frontend resume sample
前端工程師履歷範本 (英文)

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

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

需要更多製作履歷的靈感嗎?CakeResume 上還有許多優秀的前端工程師履歷供你參考!

延伸閱讀:
工程師面試履歷的 Dos and Don'ts
從HR角度看工程師履歷-趨勢科技Recruiter分享工程師履歷怎麼寫

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

前端工程師求職技巧

首先如果你已經開始擔心面試相關事項,恭喜,你已經離找到理想的工作不遠了!

frontend engineer interview

有關面試準備的部分,將會分為面試前的準備、面試中的常規問題、針對前端工程師的技術性問題、面試時的注意事項等部分來進行討論。就一起來看看前端工程師面試前需要做哪些準備吧!

面試前的準備

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

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

面試中的常規問題

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

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

有關針對前端工程師專業技術的面試問題,主要有幾個方向可以進行準備: 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 是什麼,以及 Reactt/Vue/Angular 的設計哲學
  3. 請說明 React、Vue、Angular 的差別

JavaScript語言熟悉度相關問題:

  1. 請說明 JavaScript 的 closure 是什麼
  2. 請說明如何在 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規格相關問題:

  1. 請說明你最熟悉的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 和手機以免錯過重要通知喔!

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

前端工程師加分特質

  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 資深工程師認證),對企業來言,選擇經過相關管道學習或是取得認證的求職者,不但可以減少專業能力測驗的時間成本,還有第三方機構的認證,何樂而不為!

    frontend engineer future

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

未來發展方向

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

最後感謝閱讀本文的各位,敬請期待下一篇《後端工程師找工作 大全 - 薪資情報、熱門職缺、面試技巧》。歡迎一同討論、分享!

延伸閱讀:
那些科技新創教我的事 XII「停在港口的船很安全,但那不是造船的目的」- 黃思齊 ( VoiceTube 前端工程師 )
Cover Letter (cover letter samples, cover letter templates, application letters) - All-in-One Tutorial
求職信也有玄機?左右你履歷會不會被點開的關鍵文字