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

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

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

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

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

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

前端工作一:建構網站

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

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

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

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

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

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

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

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

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

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

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

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

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

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

上表可以發現後端工程師的平均年薪較高,是因為相對後端而言,前端的學習入門門檻較低,學習能力佳者可以在較短的時間內具備前端最低的求職門檻。由於就業市場上對於前端的需求相當高,使得初階前端工程師的平均薪資仍高達 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/

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

Resume Builder

Build your resume only in minutes!

More Articles you might be interested in

Latest relevant articles
Interview Skills
Mar 11th 2024

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

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