top of page
作家相片Tomy Huang

想成為網頁開發工程師?必看前端、後端、全端工程師全面分析就業技能、薪資比較

隨著科技的蓬勃發展,軟體工程師的需求大增,各大公司不僅提供高薪,更有許多福利,這也讓許多人從小開始學寫程式。


當我們在談軟體工程師時,時常一語帶過,「那職業很好啊,有錢途!」;不過有些人就開始困惑,軟體工程師準確來說是什麼?有分種類嘛?要會什麼樣技能?寫什麼樣的程式?


如果對於剛開始學寫程式的初學者來說,其實先學什麼程式語言,Python, Golang, C++,都是可行的,因為程式邏輯都是相通,學會一種語言之後,學其他的都不是什麼難事。


不過,如果未來目標是成為一名企業聘請的軟體工程師,可就需要先好好規劃學習計畫囉!因為軟體工程師工作類型有非常多種,其中常見的包含:前端工程師、後端工程師、Mobile 工程師、Infrastructure 架構工程師、雲端工程師、AI 工程師、Data 數據工程師、QA 品管工程師,以及最近最搶手的區塊鏈工程師。


而在每一類底下,根據企業公司專案需求,又會區分出各種專屬工作職位,所需要的核心技術也會有所不同。


本篇我們將主要分析『網頁開發工程師』常見的前端、後端、全端工程師所需要的必備技能,將使用人力銀行職缺的圖例帶你更加了解其工作內容。最後,我們也會用圖表來分析比較這三大類型的工程師年薪。


如果你想更了解網頁開發工程師的行情,那就讓我們接著看下去唄!


 

【職務介紹】


前端工程師


基本上,你在任何一個網站上看到的東西,不管是網頁標題、網站字體與排版、圖片/按鈕位置與大小、下拉式選單、影片放置、廣告嵌入等,皆是前端工程師的職責。


如果把打造一個網站比喻成建造一所房子,那麼前端工程師的工作,就是讓這間網站房子看起來最漂亮,讓房客體驗者感覺最舒服。


沒錯,還有體驗的感覺,這意味著,前端工程師不僅需要設計技巧,同時也需要考量到客群的需求,讓網站資料順利呈現,甚至與產品進行互動,讓來訪者留下印象的深刻。


前端工程師也會根據團隊/公司的需求,不論是使用者體驗,或是產品開發,更新網站介面與功能。這時候,就會在Project Manager 專案管理下,與設計師、後端工程師進行協作,讓設計與網站開發取得平衡,各字的工程排程,這時候就是考驗團隊的時刻,如何在網站技術、用戶體驗、理想、現實等各層面上問題上溝通協調實施,學會將會帶給你無比收穫。


前端工程師必備能力

  • HTML:網站架構基礎,運用HTML<>各種標籤進行內容定義,好做出標題、段落、內文、逗號清單、按鈕連結等功能。

  • CSS:美化網站版面架構,如粗體、斜線、顏色、背景圖、按鈕樣式、排版間距等,常見工具如 Bootstrap之使用。

  • JavaScript:使用者體驗與互動功能,如何快速地根據使用者訂單需求,讓網站動畫呈現所需要的資料結果,就是這部分的學問。

  • 前端框架:用來架設網站的工具,常見的有 React, Vue, Angular 等,這部分可以說是對上面三個技能的整合運用,每家公司都有不同的使用需求,建議根據工作內容專注學習其一。

  • 設計模式 Design Pattern:良好的結構設計,將讓使用者輕易找到資訊,讓後端工程師愉快接手。

  • 響應式網頁設計 Responsive Web Design:必備能力,如何在跨平台、跨裝置上都能完整呈現網頁。

  • API 串接:根據後端工程師提供的功能,串接到網站頁面功能上,好讓資料數據雙向流通。


接著我們就以1111人力銀行-前端工程師職缺為例來參考。

我們選擇第二個職缺來看。


可以發現,上面談到的能力基本上都有提到,不管是從設計到網頁、動態效果、用戶體驗、與後端工程師API串接與整合等,甚至是HTML, CSS, JavaScript在技能面第一點就提到,以及第二點的響應式網站設計。


至於其餘的技能,就看職缺所需,在這裡,Nuxt.js就是其中的核心技術,如果學會,將是一大優勢。


 

後端工程師


雖然前端工程師將網站裝潢的很漂亮、工具提供盡善盡美,不過若沒有後端工程師來搜集流量數據,比如推薦商品點擊量、頁面瀏覽量、購買紀錄、用戶點讚內容、甚至是儲存每一位使用者的瀏覽數據等,來做完整網站分析,這個網站就只能像姜太公釣魚隨意猜測,心想著我做的挺好的,等心上人自行前來吧。


一言以蔽之,後端工程師的職責,就是處理數據,在廣大的網路宇宙中,快速記得分析碰面的每個人,提供對方想要的資料,用最快的速度做出合理運算與分析。


如果把打造一個網站比喻成建造一所房子,前端工程師的工作,是讓這間網站房子看起來漂亮舒適,那麼後端工程師的工作,就是讓所有屋內設備成為AI管家,不僅要超常運作提供快速服務,更要透過服務過程中,掌握房客的喜好與習慣。


並且,為了擁有更高網站伺服器的效能與速率,對於後端工程師,不僅對程式邏輯造詣要求更高,更要了解如何運用資料庫結構、各種演算法,這也是為什麼後端工程師起薪會比前端工程師高的原因之一。


後端工程師必備能力

  • 程式語言:PHP, Python, Java, JavaScript, Ruby, C#,後端資料處理的功能執行,根據職缺精通其一。

  • 開發框架:Django (Python), Node.js, Rails (Ruby), Zend (PHP), ASP .NET (C#),後端資料處理的根基,根據職缺精通其一。

  • 資料庫開發:MySQL, SQL Server, Oracle, PostgreSQL。

  • 瞭解前端基礎語言:HTML, CSS, JavaScript。

  • 撰寫 Web API:提供前端工程師串接,好執行使用者請求,回傳搜集體驗數據。

  • 瞭解網路通訊協定 HTTP/TCP,甚至安全協議 security, authentication 等議題。


接著我們改到104人力銀行-後端工程師職缺為例來參考。

我們選擇第四個看起來通用的後端軟體工程師職缺來看。

看來真的很通用,可能因為公司急缺人、想自行培訓工程師,就沒列太多條件與工作經歷限制,上面談到的必備能力,ASP .NET C# SQL皆有提到,這就是這份工作需要專精的技能。


從薪水起薪$46000以上來看,不難看出後端工程師所需的能力與技術較前端工程師高,也比較少人。


 

全端工程師


這邊不用敘述你應該也猜得到,對吧?就是前端和後端兩職責相加!沒錯,往上滑再看一次就了解全端工程師職責,今天就先到這掰掰...開玩笑,等等還要介紹薪水呢!。


不知道你有沒有發現,上述不管談到前端或後端工程師,都要對彼此的領域有所了解,沒錯,全端工程師因此而來,由於全端工程師擁有前後端的知識與技能,更加了解網站的全貌,不管是伺服器、前端架構、資料庫、使用者體驗、自動化測試等,皆能更快速地做出,甚至遇技術問題,能支援協助各開發部門。


所以當 Facebook 臉書 和 Google 谷歌 透露他們偏好雇用全端工程師後,全端工程師的需求量大增,各大企業爭相搶奪。


但也別認為全端工程師就是萬能全知,他們會根據開發團隊需求,選擇前端或後端開發,也有可能負責網站功能與架構設計、協調開發流程、排解問題等,並不是每一樣技能都需要懂,帶領團隊完成開發目標達成使用者需求,就是全端工程師的職責。


我們回到104人力銀行-全端工程師職缺為例來參考。

我們選擇第二個看起來比較高檔的全端工程師職缺來看。

真的很高檔,全英文,跨隆某。不愧是國際公司,外商通常提供較高的薪水。


第一部分 Responsibilities 職責跟我們上述談得差不多,要懂前後端開發偵錯技術,提高伺服器整體表現,與團員合作。


第二部分 Qualifications 條件包括Python, React, SQL 全端開發經驗,Flash, Django 兩個 Python 資料庫的後端框架開發經驗,Vue, Angular 的前端框架開發經驗。


最後就是 Great features 進階,根據工作需求,會有加分效果。


 

【薪資大比較】


自從2000年之後,世界走向資訊化時代 Information Age 發展,不難發現,電腦、平板、手機電腦,甚至是網站與手機軟體,皆是從那時候,如雨後春筍般蓬勃發展,能夠設計並打造好看使用者介面的前端工程師就非常搶手,這也是為什麼軟體工程師薪水至少$40000以上,比大部分職業的平均起薪高一些,因為各大公司在資訊化時代,都需要技術性人才。


相較於後端工程師,前端工程師的薪水普遍比較低,為什麼?


要進入成為後端工程師較為困難,需精通龐大數據分析、各種演算法、多種資料庫善用等高技術能力,非一般無技術背景之人可輕易踏入,業界也更看重經驗與作品;另一點因為前端工程師叫容易入門,加上此部分技術逐漸成熟,越來越多競爭者,造就此現象。


我們特別去查看前端、後端、全端工程師年薪範圍,果真如此,透過下圖比較,可見後端工程師的起薪最高,全端工程師的年薪最廣,完全符合我們上述所說的結果。


前端工程師年薪分析

後端工程師年薪分析

全端工程師年薪分析


 

樹狀圖薪資比較


另外,我們查到並用此圖呈現薪資分布,讓你更輕易看懂比較,從左到右分別是全端、後端、前端工程師的薪水。兩端分別代表最大值和最小值,而盒子的上下則是高標和低標的薪資。


前端工程師的薪水低標是38883元,高標平均是64741元。


後端工程師的薪水低標是47275元,高標平均是78814元。


全端工程師的薪水低標是45250元,高標平均是79647元。


 

影響薪水之額外因素

通常影響薪水因素不外乎經驗、學歷,我們還會特別介紹英文能力、和公司能力

  1. 經驗:尤其對工程師,開發經驗與作品集佔很重要的地位,大多職業面試時皆會提問到,為的就是了解這個人對程式有多少熱情,願意花多少時間私下學習、做過什麼、對公司這個職缺有多大的幫助等因素,所以若你想成為軟體工程師,不要只打電玩,試著學習把電玩遊戲做出來會更好!

  2. 學歷:這就更不用說,世界各大公司職缺面試時,第一件事情就是了解面試者的學歷,簡單又直接的方法,聽到台灣台清交成畢業生,招募面試官眼睛都隨之一亮,普通人更驚呼連連覺得非凡;相反的,普通大學高中畢業也千萬不要直接氣餒放棄,因為學歷只是一張證明,最重要的還是你的本事經驗。

  3. 英文能力:為什麼會英文的工作,普遍薪水比較高?因為現在是全球化時代,許多公司都在做跨國貿易,特別是高消費國家,能賺取較多利潤;另一點來說,雖然現在越來越多中文程式學習資源,不過英文資源無疑是最多也是最廣泛的,能提供開發者更多資源協助,如魚得水。

  4. 公司能力:很好奇怎會談到公司上對吧?因為思量高薪工作,當然也要比較發薪者的能力,不同眼界的老闆,會讓全公司上下有不同命運,比方說,一個眼界只在國內、透過制度壓榨勞工的平庸公司,跟一個專注國際交流解決各種科技問題的科技公司,如台灣Google工程師領著美國薪水聽過吧,怎麼選就投骰子,運氣逆天有時也很重要(可能需要成為第五點。


 

額外數據


當我們在做調查時,有找一篇六角學院在2021年做的詳細報告,針對前端工程師搜集438份問卷調查,其中包含:地區分佈、性別比重、、年齡分佈、學校科系、產業分布、年資排序、產業比重等各種重要指標數據,更包含各種圖表呈現,非常詳細,相信你會有興趣,可點下方連結查看哦~


 

【編夢者建議】

根據我們搜集數據的結果,全端工程師最為優秀,前後端技術都會,薪水最高,就決定是它了!


如果你真的這樣做了,請與我們聯絡,我們想和你聊聊,瞭解你過得快不快樂。


我在美國楊百翰大學讀計算機科學系時,時常聽到週遭的朋友想轉來此科系,不外乎兩個原因,一是原本主修太難考進,計算機科學系可直接踏入,二是聽說軟體工程師薪水較高,所以就這樣不明不白的進來了,後來聽說唸得非常辛苦,許多科被當掉,有沒有唸完就沒持續追蹤...


其實學習電腦語言就跟學習英文、練鋼琴一樣,全都在於,你有沒有興趣熱情,學英文鋼琴都需要長時間地不斷練習,就算沒有人督促你也會自動背單字文法、坐上鋼琴反覆練曲,直到滿意成果;寫程式也如此,只是方式不同,需要動腦筋思考,如何用最快速穩定地方式,解決眼前的運行問題。


這也不代表數學不好、腦筋不會轉的人就學不來,我們相信每個人都可以有一番成就,就需要因人而異不同學習方式。我們學生從小學3年到中老年人都有教過學好,你也可以做到!

編夢者與各領域專家導師合作,親自設計開創各種有趣的程式學習課程,主要以實作為主,不僅能成為你的經驗作品集,也更能透過興趣地方式,向導師榜樣學習專業,歡迎點擊下方連結,查看感興趣的課程。


查看所有課程:編夢者電腦程式課程


如果你想自行學習挑戰看看,那更棒,我們欽佩你的勇氣與決心!


現在網路上資源無數,只要善加利用 Google 和 YouTube,也能輕易地進入程式領域學習。


4 次查看0 則留言

Comments


bottom of page