邁向前端工程師　新手或轉職必備的相關技能

記者／鄧天心

據2024年4月針對科技產業的調查顯示，理工人才的需求已經開始擴展至周邊系所，數學和統計學相關背景的人才愈發受到重視，相關技能已成為求職市場上的熱門資產。此外，非理工相關背景的學生也顯示出了跨領域學習數據分析、機器學習以及程式語言的意願。同時，非科技產業從業人員也對轉往科技領域抱有期待，希望能夠獲得更豐厚的薪酬和更多的職業發展機會。

這次我們邀請1111人力銀行技術中心的技術長許永昌，請他聊聊，對於新鮮人或想要轉職進入科技產業成為「前端工程師」的人，需要具備哪些條件和技能？

延伸閱讀：【學長姊帶路】從供應鏈轉職 UI/UX 再到產品經理

成為前端工程師的路上，哪些是新手會忽略的重要知識？

前端工程師不僅要會編寫程式碼，更是扮演著溝通橋樑和前線作戰的雙重角色。前端工程師需要理解網頁設計師提供的UI/UX框架，將設計理念轉化成網頁，同時也需要與後端工程師密切合作，串連資料庫，確保網站的整體運作流暢，提供最好的使用體驗。

許永昌認為，在新手成為前端工程師的路上，最需要具備的三大元素，就是熟悉超文本標記語言HTML、層疊樣式表CSS，及程式語言JavaScrip，而他濃縮了25年來擔任工程師主管的經驗，直切新人最容易踩的誤區，幫助新人快速掌握學習重點。

首先，構建網頁的基礎框架HTML，關乎著網站的可讀性、搜索引擎排名等因素，但許永昌提到，不少人在學習HTML時，往往忽略了搜索引擎優化（SEO）的概念，甚至連有多年工作經驗的工程師都不一定熟悉相關基本原則，對於HTML標籤的誤用，他舉例「例如semantic tags的使用時機例如跟內容無關的廣告，就會使用aside的標籤來處理，以及對H1和H2標題的忽略等等。」並表示這些標籤主要的目的都是為了讓搜尋的爬蟲更容易理解整個內容的意圖，提高在搜尋頁面的自然排行。

第二個，前端工程師需要具備的概念「CSS」，這關乎網站整體的外觀，也影響到用戶對網站的感受和體驗。許永昌認為，新手上路，最重要的就是熟悉支援RWD的CSS框架，如Bootstrap、Tailwind和Mastercss等，這些CSS框架提供了豐富的動畫效果和樣式，熟練之後將大大提高網頁切版的效率及未來維護的方便性。 

最後，談到前端工程師最重要的核心技術：JavaScript，主要負責網頁的互動效果及後端API的串接，除了熟悉市場上常用的JQuery對DOM的操作外，另外要再學習Javascript前端框架，而目前市場上的三大前端框架的主流分別是Vue、Angular及React，這三個框架各有優缺點，新手在選擇要學習哪個框架時，建議可以透過1111人力銀行來搜尋「前端工程師」的關鍵字，了解目前台灣職場上的主流框架，再進行挑選，許永昌另外表示「當然若時間允許，三個框架都能學習起來，相信職涯的領域就更加寬廣。」

不要埋首讀書而已！從「夢幻職缺條件」找到你的學習路徑

除了埋首學習技術及基礎概念之外，許永昌也建議，新手可以在Github上，將一些大神的專案源始碼載下來，學習這些大神開發的方式，或是加入技術社群或社團如Stack Overflow、Discord、Facebook社團⋯⋯等，隨時獲取最新的資訊以及問題的解決方案。這些都有助於前端工程師技術功力大增的管道。

在掌握了市場需求和技術趨勢後，許永昌提到，如果新人若能在面試前做足準備功課，對於即將面試公司及其競業所使用到的前端技術進行整理或實做，在面試時能提出相對應見解及解決方案，都會讓面試官對新人印象深刻。

非理工背景反而更有優勢？

不少非科技相關產業的從業人員，可能擔心轉職成為前端工程師門檻高，然許永昌則認為，沒有理工背景的人如果善用現代科技跟創新工具，像是生成式AI平台：ChatGPT、Copilot、Gemini⋯⋯等，嘗試將自己的程式碼進行優化，也能提升開發能力及加速專案開發速度。

此外，如果若擁有其他專業背景，例如會計系或經濟系，也可以借助原有的專業知識優勢來轉職成為前端工程師，例如，會計系背景的人可能對於財務系統的開發更加熟練，擁有豐富的Know-how。同時，對於資料科學領域有興趣的人，經濟系或統計系背景也能夠為他們提供優勢，「因為已經熟悉自己領域的相關知識，並且能夠自己寫程式，相對比起理工本科系的人更具開發上的優勢。」許永昌解釋。

許永昌指出，無論是新鮮人踏入職場還是準備轉職成為前端工程師，他們在學習的過程中都會遇到各種挑戰。然而，他強調這些挑戰都是非常值得的經歷。現今網路上的資源豐富，相較於30年前，前端工程師有了更多學習的管道，不再僅侷限於學院的完整課程，現在有許多不同的學習路徑可供選擇。例如，線上課程平台如Udemy和Coursera提供了豐富的影片教學資源，而Medium平台上也有許多實戰經驗分享，他有信心地表示，「只要透過不斷地累積實戰經驗並持續學習，相信每個人都能夠走上成為一名優秀前端工程師的道路！」

想了解更多的科技業職缺嗎？由科技島與1111人力銀行攜手合作、透視上百種科技工作內容與薪資行情的「職缺百科」正等著您前往探索！

瀏覽 1,310 次