# 2021 前端工程師薪水調查

## 本次議程大綱
* The F2E 第四關彩蛋任務
* 聊樣本背景
* 聊前端新鮮人、資深薪水
* 聊產業分布
* 六角感謝祭

## The F2E 第四關彩蛋任務
1. 關卡名稱：Week4 - 薪資數據圖表調查
2. 增設「白金徽章」
3. [前端、UI 數據 API](https://github.com/hexschool/2021-ui-frontend-job)

## 六角感謝祭將推出兩個中階課程

1. [The F2E 前端 JS 攻略包(預購)](https://www.hexschool.com/2021/12/02/2021-12-02-the-f2e-js-course/) - **適合有 JS 基礎的學生**，例如學完 JS 必修、學徒，
2. 12/12(日) 公佈第二個課程 - **適合準備投遞履歷、已經找到第一份工作的學生**。

## 樣本結論
1. 第一份工作，至少要學到三大框架 (Vue、React、Angular)，才有機會達到平均年薪以上。
2. 切版速度**很重要、很重要、很重要，要講三次！**
3. 前端經驗 2~5 年區間，為**薪水高速成長期**
4. 慎選適合自己的產業

## CSS 切版資訊學長姐建議

1. 切版是基本功，**我都是從切版開始累積主管信任的**，跟不同窗口的溝通比原先估計的多很多，保持不斷學習的熱情。
2. **切版務必要熟練到八成頁面都可以刻得出來**，較少使用的語法至少要知道曾經哪裡有學過或是哪些網站有用類似的功能先行去查，並且善用 google 來找尋答案，邏輯部分將流程與動作拆開，確認問題點在哪個流程，並且在分析要用什麼動作來解決。
3. 不用糾結三大框架，遲早都要會，**不要因為框架很方便就忽略切版的重要性**
4. 作品集建議能夠獨特些。HTML,CSS一定要熟, 最基本的敲門磚, RWD 要懂, **至少還有切版的產值 XD** 自身態度蠻重要的, 一些願意帶新人的公司, 不會太要求 JS 技術, 因為他們覺得, 態度好比技術更為重要
5. 雖然知道很多人不喜歡切版，但CSS對前端來說真的很重要也很常遇到，**多點扎實基礎，少點上班折磨**
6. 請做好一件事 **不論是js或css就是要強到跟鬼一樣 就一件事就一定有工作 不要貪 但另一個不能太弱**
7. CSS 很重要，如果**連切版都不行，也不用寫功能**了
8. 基礎 >>>>> 其他一切，只會用框架用套件，而搞不清楚原理，是沒辦法在這行走的長遠的。另外，**曾遇到許多新手前端居然切版能力極差**；前端不是只有 JS，HTML 跟 CSS 也是同等的重要！"

## 地區分佈

從圖表可以反應台灣就業人才需求分布。其中以北北基職缺佔多數，第二名為中彰投，經由分析調查：

中彰投從業人數樣本為 60 位，博奕產業為 20 位，佔比 33%，遠贏過其他縣市博奕產業比重。順帶一提，博奕產業在 438 份樣本中總佔比 14%，共計 60 位從業人員

> 延伸閱讀：[YouTube 影片 - 博弈工作介紹 - 為您解惑十萬個為什麼](https://www.youtube.com/watch?v=IFB2-JUpPM0)

## 性別比重

與 [2019 年薪資調查](https://www.hexschool.com/2020/01/03/2020-01-03-2019-frontend-salary/)相比，今年女性從業人數有顯著成長，超過 40 %。

## 年齡分布

21~35 歲就佔據 80%，學院也常被問，超過 30 歲是否合適擔任工程師一職？發展如何？

1. 在 31~35 歲區間，樣本數共 51 份表示，目前仍在第一份公司工作，尚未離開。平均年資 1.9 年，平均年薪為 632,599。
2. 36 歲以上，3 年工作經驗以下的樣本數共 16 份，平均年資 1.68 年，平均年薪為 595,312。

## **學校科系**

**非本科與本科的差異？**

- 非本科 - 高中、大專院校畢業：共 227 位，平均年資 2.03 年，平均年薪為 637,889
- 資訊相關科系 - 高中、大專院校畢業：共 131 位，平均年資 2.46 年，平均年薪為 663,351
- 非本科 - 碩博士畢業：共 36 位，平均年資 2.38 年，平均年薪為 676,694
- 資訊相關科系 - 碩博士畢業：共 44 位，平均年資 2.70 年，平均年薪為 **868,340**

依上數據小結，**以大專院校學歷，或非本科碩博士來說，薪水影響不大，但若是資訊相關碩士，年薪比重才會出現顯著差異**。

## 問卷樣本品牌識別

**七成都是六角學院學生，驕傲！**

## 年資排序

本次薪水樣本數為 438 份。分析各年資的薪資比重與年薪中位數的計算。

## 年資與年薪成長幅度


依照上方年資與年薪整合，可明顯看出第年資第 2~5 年成長幅度最高，**薪水漲幅加總成長近 45% ，要說是前端黃金三年也不為過。**

- 1 年以下平均薪水 528,078，邁升 1~2 年平均薪水 599,042，成長幅度：13.44%
- 1~2 年平均薪水 599,042，邁升 2~3 年平均薪水 744,608，成長幅度 **24.2%**
- 2~3 年平均薪水 744,608，邁升 3~5 年平均薪水 895,000，成長幅度為 **20.1%**
- 由於 5~9 年僅有 34 份、10 年以上僅有 7 份數據樣本過少，故不列幅度內

## 一年以下 Junior 初級前端工程師數據(141份)

以下皆以一個月年終，保 13 方式來計算月薪：

- 全台灣樣本數為 141 份，平均年薪為 528,078，若以保 13 年薪來計算，月薪為 40,621
- 北北基地區樣本數為 80 份，平均年薪為 544,287，月薪為 41,868
- 中彰投地區樣本數為 26 份，平均年薪為 527,115，月薪為 41,776
- 高屏地區樣本數為 16 份，平均年薪為 522,562，月薪為 40,197
- 桃竹苗地區樣本數為 13 份，平均年薪為 504,000，月薪為 38,769
- 雲嘉南地區樣本數為 6 份，平均年薪為 383,000，月薪為 29,461

此 141 位 Junior 初級前端工程師表示，**如果你要瞄準以上的月薪，團隊內有導入以下技術：**

1. 70%：Git 版本控制系統
2. 68%：後端語言 (Node.js、Python、PHP、JAVA、Ruby)
3. 50%：任務指派工具 (Trello、asana)
4. 46%：UI 標示工具 UI Prototype 或設計稿標示工具（Adobe XD, Figma）

**他們與後端工程師協作，主要採用技術為**：

1. **70%： CSR(Client Side Render) 前後端分離技術，透過三大框架 Vue、React、Angular 介接 RESTful API，開發 SPA 單頁式應用（Single Page Application）**
2. 30%：SSR(Server Side Render) 伺服器渲染技術
### 學長姐建議
1. **要把JS的基礎打好**，才開始學前端框架
2. **版本控制建議至少要了解基本功能**，如果遇到衝突狀況也能自行處理。另外建議一定至少要使用過任一前端框架來做過開發，職缺上的選擇會比較多。
3. 面試時假如考題過於簡單請慎重評估，e.g. **請簡述 Vuex、請寫出3個 vue 的指令**
4. 實際到工作中會發現** JS 核心課程真的很重要**，e.g. 淺層深層複製的或是 Truthy、Falsy 等概念都是時常會遇到的特性，假如沒有先學到這些認知很可能會直接遇到不明所以的 bug。
5. 假如是**使用框架的話，建議把全域 API 都了解一下**，也可以去看看其他人如何拆分共用邏輯，盡量減少重複程式碼，了解越多能減少越多工。以我的工作經歷來說，處理後台系統設定的主檔有 17 個，當初一上工就照著做，想說幾乎都複製貼上就好，結果現在客戶要改一個地方我要改 17 個地方....
6. JS 的掌握儘量熟悉，如果**會框架的話可以學習怎麼模組化，畢竟公司也不是一人團隊**。
# 前端產業 VS 全體受僱員工平均年薪


根據[行政院主計總處](https://earnings.dgbas.gov.tw/experience_sub_01.aspx)調查，依照 108 年的數據統計，總結如下

1. 一年以下經驗的前端工程師，平均年薪超過全台受雇員工 50% 人數
2. 1~2 年經驗的前端工程師，平均年薪超過全台受雇員工 60% 人數
3. 2~3 年經驗的前端工程師，平均年薪超過全台受雇員工 70% 人數
4. 3~5 年經驗的前端工程師，平均年薪超過全台受雇員工 80% 人數

## 產業分布

在產業分析上，接案公司為最大的比重 19%，在自有產品公司比重上，較大宗的比例產業為電商、整合數位行銷、SaaS 服務、博奕、教育科技、傳統產業、IoT、AI、區塊鏈、醫療、資安、顧問公司、公家機關等等。

## 百萬年薪以上產業

超過百萬年薪的前端從業人員為 44 位，

### 前端從業人員所在公司規模

1. 31.8%：500 人以上規模公司
2. 20.4%：101~499 人規模公司
3. 18.1%：50~100 人規模公司
4. 15.9%：21~49 人規模公司
5. 13.6%：1~20 人規模公司，SaaS 服務、接案公司、個人工作室

### 產業比重

- 博奕：9 位
- SaaS 服務：8 位
- IoT+AI：6 位
- 數位整合行銷：4 位
- 電子商務 3 位
- 網路設備、多媒體 2 位
- 傳統產業：2 位
- 半導體：2 位
- 資安：2 位
- 顧問公司：1 位
- 區塊鏈：1 位
- 金融相關：1 位
- 科技業：1 位
- 個人工作室：1 位
- 接案公司：1 位

—

**註：本調查薪資與年資計算方式如下**

- 薪資計算方式
- 皆採各區間的中位數，例 71-80 萬則抓中位數 755,000。
- 36 萬以下區間，則採政府基本工資 24,000，保 13 年薪，共 312,000 作為最低區間，360,000 為最高區間，取中位數為 336,000
- 年資計算方式
- 皆採各年資的中位數來計算，例 3~5 年則抓中位數的 4 年
- 一年以下工作經驗，則採中位數 0.5 年做為計算