根據 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 也與六角學院合作,設有六角學院的教學專區。

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

前端工程師熱門職缺整理

徵才企業

招募職缺薪資待遇
WeMo Fronted Engineer800K ~ 1.2M TWD/
AsiaYo前端工程師700K ~ 1.2M TWD/年
FunNowFronted Developer800K ~ 1.1M TWD/
Conbiz Consulting FirmReact Front End Developer1.2M ~ 1.6M TWD/
SoftChefFront-End Developer50K ~ 80K TWD/

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


CakeResume
contributor

CakeResume

致力於打造容易上手的免費履歷工具,讓使用者可以輕鬆製作突顯個人特色的線上履歷。同時,平台網羅各產業知名新創、大企業,提供上萬筆最新的優質職缺。

Please login first.
chen lakers
chen lakersover 1 year
前端的技能要求可以再加上這些: 熟悉瀏覽器特性/兼容性 瞭解前端工程化,如webpack、babel等 自動化測試,如jest 前端使用工具部分, 程式碼編輯器要加上VS Code。VS Code前端用的才多吧
Build a Resume for Free

Download Free PDF Resume

Build a Resume for Free

Real Resume Examples
Resume