前端工程師是什麼?前端後端差別|薪水|工作內容|前端面試

根據 Cake 統計,前端工程師的起薪大約為 40000 元,比起 80% 未滿 30 歲的受僱就業者還要優渥。對於許多人來說,轉職前端工程師似乎是個更有前景的職涯方向,但你了解前端工程職位負責的工作是什麼嗎?

跟著本篇文章的說明,帶你瞭解前端工程師工作內容、薪水、前端與後端工程師的差異,並介紹實用的自學資源,幫助你做足前端轉職準備,無經驗者也能應徵夢幻前端職缺!

前端工程師無經驗, 前端後端, 前端工程師是什麼, 前端面試, 轉職前端工程師, 前端工程師職缺, 前端轉職, 前端課程, 前端工程師自學, 前端, 前端工程師技能樹, 前端工程師工作內容, 前端工程師薪水, 前端工程師, 前端工程師履歷

前端工程師的工作內容是什麼?

前端工程師工作內容主要為網站的呈現,分為:

前端工作一:建構網站

前端工程師根據網頁架構的設計稿,利用 HTML, CSS, JavaScript 架構出網站。例如:你在 Cake 網頁看到的版型與外觀,都是前端工程師使用網頁語法呈現出來的結果。

前端工作二:對應各類載具、瀏覽器

如 iOS 跟 Android 在編寫上是不同語法系統,而 Google Chrome、Safari、IE 也有不同的 CSS 屬性限制,因此依據各公司所採用的系統及技術,前端工程師需熟悉多樣前端框架及技能,才能確保網站的建構在各類裝置及瀏覽器觀看時,能擁有相同的觀看體驗。

前端工作三:加速網頁載入速度

透過壓縮網頁上的圖片、動畫、外掛等物件大小,優化網頁的載入速度,減少使用者在瀏覽網頁時要等待的時間。

前端工程師職務涉及的領域還包含「使用者介面設計(UI)」及「使用者體驗設計(UX)」,雖然不是主要負責的職務,但結合這兩塊領域的前端工程師,便能在這個領域得到更好的薪資待遇。

前端與後端差別是什麼?技能樹有何不同?

以經營實體店面比喻前端與後端工程師所負責的工作,前端工程師如同店面前台,包辦店內裝潢、商品陳列、消費者購物動線...等;而後端工程師則是負責店面後台,如收銀系統、倉儲管理、會員制度管理...等項目。

下列表格整理出前端、後端工程師的技能要求、核心能力及使用工具:

前端工程師無經驗, 前端後端, 前端工程師是什麼, 前端面試, 轉職前端工程師, 前端工程師職缺, 前端轉職, 前端課程, 前端工程師自學, 前端, 前端工程師技能樹, 前端工程師工作內容, 前端工程師薪水, 前端工程師, 前端工程師履歷
前端、後端工程師技能要求

前端與後端工程師的薪水差很多嗎?

針對 Cake 求職平台上,前端與後端工程師數量各約 650 筆的職缺進行統計,前端工程師職缺的起薪約落在新台幣 40,000 元,而後端工程師的起薪約落在新台幣 50,000 元,兩者的平均差距約在 10,000 元左右。雖非完全適用於前端與後端工程師的實際待遇,但會依據求職者資歷、背景,以及各公司職務需求而有些許的不同。

另外工程師也有分初階與中高階,因此我們亦根據 Cake 求職平台上的兩種工程師的初、中高階職缺的平均薪資進行統計,得出下表結果:

前端工程師無經驗, 前端後端, 前端工程師是什麼, 前端面試, 轉職前端工程師, 前端工程師職缺, 前端轉職, 前端課程, 前端工程師自學, 前端, 前端工程師技能樹, 前端工程師工作內容, 前端工程師薪水, 前端工程師, 前端工程師履歷
前端、後端工程師薪水

上表可以發現後端工程師的平均年薪較高,是因為相對後端而言,前端的學習入門門檻較低,學習能力佳者可以在較短的時間內具備前端最低的求職門檻。由於就業市場上對於前端的需求相當高,使得初階前端工程師的平均薪資仍高達 48,133 元,因此吸引許多人選擇轉職前端工程師。

如何成為前端工程師?自學課程在這,無經驗也不怕!

若你打算透過自學的方式成為前端工程師,這邊整理出相關的實體書籍、教學網頁,或是遠端教學課程,提供給你參考:

前端工程師自學方法一:免費課程網頁

下列資源提供基礎的編程介紹、編碼練習說明、網頁編程語言等,幫助你快速掌握前端框架的學習。

前端工程師自學方法二:付費的網路遠端學習課程

除了免費的教學資源,也有許多需要付費的遠端教學課程。前端工程付費的線上課程,除了觀看教學影片外,還有助教配合練習回饋,提升實戰練習機會與學習效率。

 Hahow 好學校線上課程平台

 Hahow 好學校的線上課程是由群眾募資決定是否開課,通常知名講師的課程通常能迅速達標!其中不乏資深的前端工程師開課教學。學習中若有問題,可以透過留言板向老師詢問。

六角學院

六角學院提供線上影音課程,讓初學者可以因應自己的時間安排課程。為了解決學生在學習中碰到的疑問,六角學院提供 24 小時線上真人諮詢,及每週一次的與老師線上討論的時間,幫助學員釐清卡關的問題,並設有臉書社團以增進學員間的學習交流。

 Udemy 線上課程平台

 Udemy 來自舊金山,為全球知名線上課程學習平台。課程費用在新台幣 600 至 7800 元之間,有時 Udemy 會推出最低 300 元的課程促銷,讓自學者以優惠價格學習知識。平台上有超過 200 堂的前端工程師的相關課程,而且 Udemy 也與六角學院合作,設有六角學院的教學專區。

若想瞭解更多關於前端工程師的培訓營,可參考:想轉職成為工程師,你可以試試這些學習管道——課程資源彙整

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

想成為前端工程師,必須掌握以下 3 個履歷撰寫原則:

  • 深入了解欲應徵公司之背景、產品及職缺,並於履歷上呈現相關經歷及技術
  • 透過關鍵字 (特定人格特質及專業技術) 讓履歷能見度提高,人資能迅速找到你
  • 數據化你的過去經歷和成效,讓數字客觀地呈現你能帶來的貢獻與價值

更多細節可以參考:【工程師必看】吸睛履歷就靠這 3 招,輕鬆獲得徵才企業、HR 的面試邀約

    前端工程師履歷範本
前端工程師無經驗, 前端後端, 前端工程師是什麼, 前端面試, 轉職前端工程師, 前端工程師職缺, 前端轉職, 前端課程, 前端工程師自學, 前端, 前端工程師技能樹, 前端工程師工作內容, 前端工程師薪水, 前端工程師, 前端工程師履歷
前端工程師履歷範本

前端面試必考問題:一般性問題、技術性問題

前端面試問題一:常規問題

  1. 自我介紹:可以準備 1 分鐘、 2 分鐘或是 5 分鐘的自我介紹
  2. 應徵動機:建議整理 3 點該公司或該職缺吸引你的地方,可能是公司的企業文化、公司理念、工作環境等等。
  3. 個人優勢:可以是專業技能、個人特質等不同面向的優勢,建議舉出 1~3 個並深入說明。
  4. 個人劣勢:你的缺點是什麼?你的失敗經驗有什麼?面對這個棘手的問題,其實面試官想知道是你如何改善你的不足,以及如何面對失敗。想要完美回答這類問題,可以參考烏蘇拉分享的被問到缺點的必勝解法,將危機變成轉機!
  5. 離職/轉職原因:這邊要注意的是,絕對避免抱怨、怪罪前公司的上司、同事,建議將離職/轉職原因與職涯規劃做連結,並串接成一個合理的故事。而若你是轉職前端工程師的求職者,也會被問到「你為什麼選擇成為前端工程師呢?」,此時就必須講出一個具有說服力的原因,讓面試官能了解你的動機與決心。

前端面試問題二:技術性問題

有關針對前端工程師專業技術的面試問題,主要有幾個方向可以進行準備:

  •  HTML 規格相關、CSS 規格相關問題:多以實作方式進行,也可能被問到你最熟悉的 CSS 框架為何?優點是什麼?
  •  JavaScript 語言本身及相關問題:例如請說明 JavaScript 的 closure 是什麼
  • 語言框架(framework)相關問題:例如請說明 React/Vue/Angular 三者差別?
  • 大方向性問題:例如你最關注的 Web 技術為何?有哪幾種方式能加快網頁讀取的速度等問題

更多前端面試問題內容都在 >>  前端工程師找工作 大全 - 薪資情報、熱門職缺、面試技巧

前端工程師熱門職缺特搜

徵才企業
招募職缺薪資待遇
Splashtop Fronted Engineer840K ~ 1.8M TWD/
昕力資訊Javascript 前端工程師40K ~ 60K TWD/
FunNowFronted Developer800K ~ 1.1M TWD/
Conbiz Consulting FirmReact Front End Developer1.2M ~ 1.6M TWD/
Omnichat資深前端工程師1M ~ 1.2M TWD/

Cake 提供容易上手的履歷工具,透過拖曳、輕鬆編輯超過 50 個精美設計的履歷模板。此外,還可以插入各種多媒體素材,包含文字、圖片、影片、投影片、PDF 檔案等,幫助你凸顯個人特色及優勢。想轉職前端工程師的你,就從製作履歷開始!

3 Benefits of Subscribing to Cake's Newsletter

  • Bi-weekly newsletter updates
  • Industry trends and skills recommendation
  • Latest job openings and job search information
Newsletter

Resume Builder

Build your resume only in minutes!

Plus d'Articles qui pourraient vous intéresser

Latest relevant articles
Industry & Job Overview
oct. 23ème 2024

ESG 證照有哪些、ESG 國際證照怎麼考?想成為綠領人才必讀!

無論是在科技市場、財經市場、或者求職市場,最近大家都在大談「ESG」,究竟什麼是 ESG 永續發展?要怎麼成為 ESG 領域的專業人才?本文幫你整理必看的國內外 ESG 證照的考照資訊、開班單位,及最夯的各種新興職缺,提供有興趣的工作者參考。