前端工程師專業技術養成班
104學習
前端工程
主要負責網站或應用程式的使用者介面設計與開發，確保畫面美觀且操作順暢。需熟悉HTML、CSS、JavaScript等技術，並能與設計師及後端工程師密切合作，提升使用者體驗。這項技能在數位時代非常吃香，能讓產品更具吸引力及競爭力，適合喜歡結合創意與技術的人才。
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
成為前端工程師｜jQuery 入門密技，愉快打造互動式網頁不求人
成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
軟體工程師就業培訓
成為後端工程師 | 踏上程式起點，逐步掌握 Java 語言特性與物件導向程式設計
邁入Java REST Web Service開發領域
打造高投入團隊：遊戲化工作設計與激勵機制實作班【9/17】
基層幹部管理實務：提升現場指導力、強化團隊凝聚力【10/14】
精選貼文，掌握第一手知識
前端工程師是什麼？薪水怎破100萬？完整攻略，附：台積電前端工程師工作心得
前端(Frontend)： 給人看的（介面、使用者體驗），網頁的畫面、按鈕、圖片、排版。
前端 (Frontend)是什麼？
這是使用者直接與之互動的部分，包括網頁的設計、佈局和內容。前端開發使用的技術包括HTML、CSS和JavaScript。
舉例來說：當你打開 104人力銀行，看到的畫面就是前端工程師控制的，包含不同裝置的畫面呈現～從電腦、平板或手機觀看，都是前端工程師需要留意的。
重要元素舉例
搜尋欄：讓你輸入「軟體工程師」並按下搜尋
職缺列表：顯示各種公司和薪資範圍
登入按鈕：點擊後彈出登入視窗
應徵按鈕：點了之後，系統會幫你送出履歷
前端工程師的薪水與薪水天花板
台灣整體而言前端工程師薪水中位數落在66.8萬~81萬間，天花板推估是91.3~101.6萬。
工作年資年薪中位數推估薪水天花板職缺1年以下66.8萬94.1萬1~3年71萬91.3萬3~5年78.1萬96.7萬5~10年81萬101.6萬資料來源 104薪資情報 有效樣本：575 資料更新：2025年02月10日
如何突破前端工程師的薪水天花板
選擇對的公司/產業
選擇薪水中位數高的公司：上市櫃公司年薪中位數、外商公司，公司獲利能力好，自然同樣的時間成本，能有更好的薪水保障。
選台灣重點產業：半導體業、科技業、金融業
台積電前端工程師工作心得
以下為講座精華節錄
薪水區間？年薪約30個月，新鮮人月薪約6萬。
加班很兇嗎？加班時數看跟的專案，配合專案前進。去年自己未超過100小時
公司內用的語言較多，不同的系統專案或對接的單位不同，要學習不同的語言
怎麼進台積電？平常就有寫技術部落格、每年參加IT鐵人賽、在104經營個人品牌(SEO權重優)
同事都是哪些人？（免費領取台積電工作心得與QA精華）
看懂遊戲規則：深耕5大能力，擁有更多選擇權
1.技術能力（Technical Skills），能否寫出高品質、可維護、效能優化的前端程式，並快速學習新技術應用在工作上，也能夠帶領內部技術前進（內部 Tech Talk 或自建部落格）
程式品質：乾淨、結構清晰、DRY、KISS、SOLID
效能最佳化：頁面載入時間、CDN快取、前端壓縮技術、降低不必要的 re-render
技術廣度與深度：獨立處理 CSS、JavaScript、框架（React, Vue, Angular）等核心技術、熟悉 TypeScript、State Management（Redux, Vuex）、處理前端安全問題（如 XSS, CSRF, CORS）
2.產品與專案影響力（Project & Product Impact），能有效率地完成任務，並確保產品的品質，過程中主動優化現有系統，提出新的技術方案，提升開發效率。
專案完成度：照時程交付、主動發現並解決問題、處理緊急問題
產品價值：功能是否真的提升了使用者體驗、A/B 測試或數據分析、減少技術債，提高長期維護性
3.開發效率（Development Efficiency），高效產出高品質的程式，主動提出更有效率的開發工具或流程，寫出自動化測試（如 Jest、Cypress），減少回歸測試時間。
時間管理：需求評估準確度、根據需求合理拆分任務，安排優先順序
程式碼管理：Pull Request（PR）清楚易讀、Code Review 積極參與給出建設性回饋
Debug 能力：利用 Log、DevTools、Profiler 進行高效率的問題解決
４.團隊合作與溝通（Collaboration & Communication），與其他工程師、PM、設計師、QA、數據分析師等合作單位順暢合作。指導新人、撰寫開發文件，幫助團隊快速上手。
跨部門溝通與 PM 討論需求，提供技術可行性建議與設計師合作，確保 UI/UX 最佳化與後端工程師協作，確保 API 串接順暢Code Review幫助同事提升程式碼品質接受別人的建議，改進自己的程式碼主動性主動提出問題或改善建議在團隊會議中有效表達技術方案前端工程師 團隊合作與溝通的重要性
5.創新與影響力（Innovation & Leadership），完成自己的工作外，帶來更大的影響。有能力也主動推動團隊技術決策，如選擇新框架、優化開發流程。
技術創新：引入新技術來提升開發效率、開發內部工具，幫助團隊節省時間
技術影響力：技術社群內分享知識、開源專案或貢獻
技術領導：在團隊中擔任技術導師、帶領技術專案
關鍵重點：績效不只是寫多少行程式，而是對產品和團隊的影響
開發速度：平均完成一個 Story（使用者故事）的時間
Bug 數量：新功能上線後的 Bug 率
PR 參與度：Code Review 的次數與回饋價值
前端效能：Google Lighthouse 分數、First Contentful Paint（FCP）
使用者行為變化：某個 UI 改版後，點擊率是否提升？
能力方法技術能力深入學習前端框架、優化效能、提升可維護性產品影響力確保開發的功能有助於提升使用者體驗開發效率提高 Debug 能力、善用自動化工具團隊合作提高溝通能力、參與 Code Review、幫助同事創新影響力參與技術社群、提出技術改進方案前端工程師的5大能力
前端用的技術
HTML 負責畫出網頁結構（像骨架）
CSS 負責排版與設計（讓它變美）
JavaScript 負責互動（讓按鈕能點、內容會變）
框架和庫：如React、Vue.js和Angular，這些工具可以幫助你更高效地開發複雜的應用程式。
響應式設計：確保網站在各種裝置上都能良好顯示，通常使用CSS框架如Bootstrap。
版本控制：如Git，用於管理和協作開發
前端工程師主要合作的夥伴
1. 後端工程師（Backend Developer）
👉 負責提供 API，讓前端能夠拿資料，確保功能運作
合作範例：你要做一個「應徵按鈕」，但這個按鈕要能讓使用者點了後，系統能自動送出履歷，這時候前端需要跟後端拿 API。討論 API 的格式：你問：「我這邊需要傳哪些資料才能應徵？」後端說：「你傳 user_id、job_id 給我，我幫你送出履歷」你：「那回應結果是什麼？我要顯示成功或失敗」後端：「如果成功，我回 status: success，失敗的話會給錯誤碼」💡 前端 + 後端 = 讓網站不只是畫面，而是能「動」起來！
3. 產品經理（PM, Product Manager）👉 負責規劃產品功能，確保開發方向符合商業目標合作範例：你做完了「應徵按鈕」，但 PM 突然跟你說：「我們希望這個按鈕能讓用戶自訂求職信」這時候你得確認：「這功能會影響到後端嗎？需要修改 API 嗎？」「這會不會影響現在的 UI 設計？」「會不會讓使用者體驗變得更複雜？」💡 前端 + PM = 確保開發出來的功能，真的是「使用者需要的」！
4. 測試工程師（QA, Quality Assurance）👉 負責測試系統，確保功能正常、不出 Bug合作範例：你開發完「應徵按鈕」，但 QA 測試時發現：BUG 1： 在 iPhone 上點擊按鈕沒反應？BUG 2： 送出履歷後沒有顯示成功提示？BUG 3： 按太快的話會連送兩次履歷？💡 前端 + QA = 確保使用者「真的能順利使用」功能！
5. 數據分析師（Data Analyst）👉 負責分析使用者行為，讓前端能做出更好的優化合作範例：你做了一個「首頁推薦職缺」功能，但數據分析師告訴你：「這個區塊的點擊率只有 5%！」 → 代表 UI 可能需要調整「使用者停留時間太短」 → 可能要加上動畫或更清楚的標題「A/B 測試顯示紅色按鈕比藍色好」 → 你需要調整設計💡 前端 + 數據分析師 = 讓 UI/UX 變得更直覺、更有效！
6. 運維/系統工程師（DevOps / SRE）👉 負責網站伺服器的運行與最佳化合作範例：你的前端代碼已經寫好了，現在要部署到正式環境可能遇到的問題：網頁載入速度太慢？ → DevOps 可能會幫你設定 CDN 加速按鈕點擊後沒反應？ → 可能是伺服器資源不足，需擴充某些用戶看不到最新版本？ → DevOps 需要清理快取💡 前端 + DevOps = 確保你的程式能「穩定、安全」地運行！
夥伴主要合作內容影響前端的地方後端工程師提供 API，讓前端可以拿到資料決定資料怎麼傳遞UI/UX 設計師設計畫面，確保用戶體驗影響網頁排版、按鈕設計產品經理（PM）決定功能需求與優先順序決定要做什麼、怎麼做測試工程師（QA）測試功能，找出 Bug確保程式正常運行數據分析師提供使用者數據，幫助優化 UI影響 UI 設計與功能調整運維/系統工程師（DevOps）負責部署、效能優化確保網站運行順暢前端工程師的合作夥伴
精選 推薦 : 豈止證照而已！跨域知識大串聯，打造屬於自己的能力系統
這段Podcast 是專訪Nabi iPAS 證照講師 陳正健（CCChen）如何透過經濟部 iPAS 產業人才能力鑑定，成功建立跨領域的專業系統。他至今已累積取得涵蓋 AI 應用、淨零碳規劃、智慧生產、食品保穫及品牌企劃等五大領域共 14 張證照。
CCChen強調，證照不應僅是孤立的紙本證明，而是應將所學知識與工作實務及數位工具深度結合，以提升解決複雜問題的職場競爭力。他分享了運用 AI 工具輔助學習與時間管理的策略，並以此帶動家人參與，展現出自主學習的正面能量。
他鼓勵專業人士打破學科框架，藉由跨域考證建構個人能力地圖，從而因應智慧化與永續轉型的產業趨勢。這些內容不僅記錄了他的轉型歷程，也為求職者與企業提供了關於人才培育及職涯成長的實務參考。
歡迎收聽▼
https://youtu.be/bUZXvx9eZk0?si=6a4q234WUnAABWiQ
CCChen 老師課程 :
【直播課程＋限時回放】iPAS AI應用規劃師（初級）- 第三梯考前衝刺班｜8/5（三）20:00–21:30 線上直播講座｜104獨家iPAS AI考證衝刺 https://nabi.104.com.tw/course/104nabi/4f6e498b-dee3-4fab-935d-64c781840c9c
【2026年－考試筆記(V1版本)】iPAS AI應用規劃師初級｜全科攻略ｘ考點精華ｘ擬真題庫｜104學習
https://nabi.104.com.tw/course/104nabi/07779700-a980-43d2-8b34-bae808edea61
iPAS AI應用規劃師【中級】衝刺班｜命題精析 × 實戰解題 × AI刷題｜104獨家iPAS AI考證衝刺
https://nabi.104.com.tw/course/104nabi/3987ebea-3686-4f67-a292-c46c3cc2128e
轉職前端工程師│工作內容、技能、薪水與職涯發展指南
你是否想過轉職前端工程師，或是想提升技術實力，而能在競爭激烈的職場脫穎而出？無論你是零基礎的學習者，還是正在尋找更明確學習路徑的開發者，這篇文章將幫助你理解前端工程師的核心技能、職涯發展方向，並提供高效的學習策略。透過系統化的學習與實踐，你將能夠更順利地進入前端開發領域，甚至進一步拓展你的職業選擇！
文 /【104學習精靈】
本文目錄（點擊可快速前往）
什麼是前端工程師？與後端、全端差別是什麼？前端工程師無經驗者可入門嗎？掌握前端工程師的核心能力：必備工具技能 x 學習路徑 x 軟技能轉職前端工程師的學習策略前端工程師薪資行情與職涯發展前端工程師的挑戰與機會
什麼是前端工程師？與後端、全端差別是什麼？前端工程師無經驗者可入門嗎？
前端工程師工作內容
前端工程師（Frontend Developer）負責網站或應用程式的「前端」部分，也就是使用者直接看到並與之互動的使用者界面（UI）。前端工程師的工作涵蓋範圍廣泛，從網頁的版面設計、動態效果，到與後端 API 的串接，確保使用者有良好的互動體驗，且需要結合設計思維與程式邏輯。
他們的主要工作內容包括：
HTML、CSS、JavaScript 來構建網頁結構、樣式與行為。
與設計師合作，將 UI/UX 設計轉化為可用的前端介面。
與後端工程師協作，透過 API 取得數據並呈現在頁面上。
🎯相近職類比較：前端 vs. 後端 vs. 全端
類別主要技術主要負責範圍前端工程師HTML, CSS, JavaScript, React/VueUI/UX 介面開發，確保網頁互動與使用體驗後端工程師Node.js, Python, Java, Databases處理伺服器邏輯、數據庫與 API全端工程師前端 + 後端技術負責整體開發，能獨立完成前後端架構
🎯 為什麼前端工程師職缺變多？
近年來前端技術的發展迅速，市場對前端工程師的需求持續增加，讓許多轉職者與求職者開始關注這個領域，並發現它具有以下優勢：
市場需求大：企業對於使用者體驗的重視，使得前端工程師的價值不斷提升。
入門門檻適中：相比於後端開發或全端開發，前端技術較容易上手，適合作為進入 IT 產業的第一步。
創造力與技術並重：前端工程師不僅需要技術實力，還能發揮設計與創意，讓開發的產品更具吸引力。
遠端與自由工作機會多：前端開發適合自由接案與遠端工作，為職涯發展提供更多彈性。
🎯 誰適合轉職前端工程師？
✅ 無技術背景者：對網頁開發有興趣，願意學習技術。
✅ 人文社科背景者：如行銷、設計、心理學等，能結合設計與技術。
✅ 理工科背景者：資訊、數學、電機，具邏輯思維優勢。
✅ 現職工程師：希望提升技術，拓展職場競爭力。
掌握前端工程師的核心能力：必備工具技能 x 學習路徑 x 軟技能
前端工程師技能與工具能力分析
基礎技能 HTML、CSS、JavaScript 基礎、Git / GitHub、RWD、Bootstrap、jQuery 核心技能 JavaScript 進階、API 與非同步處理、前端框架（React / Vue）、CSS 進階 進階技能狀態管理（Redux / Pinia）、前端測試（Jest / Cypress）、SSR / SSG（Next.js / Nuxt.js）、效能優化 專業技能TypeScript、Web 安全性、PWA / 桌面應用開發、後端基礎（Node.js / ASP.NET） AI 技能ChatGPT、GitHub Copilot、Figma AI 插件、Lighthouse（效能分析）、Codeium（智能補全）、Tabnine（代碼建議）認證AWS Developer、Azure Developer、Google Cloud Developer職涯全端工程師、前端架構師、技術產品經理、UI/UX 工程師▲ 前端工程師應具備技能、工具能力、職涯指引表，點選不同技能會對應到相關課程。
成為前端工程師的學習路徑（搭配AI工具）
🔹 第一階段：基礎入門（建議學習時長：1-3 個月）
📌 學習內容：
HTML & CSS：學習網頁的基本結構與樣式設計。
JavaScript 基礎：學習變數、函式、條件判斷、迴圈等基本概念。
Git / GitHub：學會版本控制，方便管理與共享程式碼。
RWD（響應式設計）：學習如何讓網頁適應不同裝置（手機、平板、電腦）。
Bootstrap：使用現成的 CSS 框架，加速開發美觀的網頁。
基礎專案：製作個人靜態網頁，實踐所學內容。
📌 AI 工具應用：
ChatGPT / Claude：語法解釋與錯誤排查。
Webflow / Framer AI：低程式碼網站設計。
📌 備選學習：
jQuery：雖有逐漸被原生 JavaScript 與前端框架取代之趨勢，但仍在許多重要專案中使用。
[course_plugin title='前端工程師入門課程' keyword='前端' amount=2]
[course_plugin api_type='course_id' title='前端工程師入門課程' id='6e43b10e-45e7-40e2-92c0-1b4d6aeb955c, 9e6b7b79-2849-4f24-80ef-a620b94471a5']
🔹 第二階段：前端開發進階（建議學習時長：1-3 個月）
📌 學習內容：
JavaScript 深入：學習 DOM 操作、ES6+ 語法，增強互動效果。
CSS 進階：掌握 Flexbox、Grid、SCSS，提升排版與樣式管理能力。
API 與非同步處理：學習 Fetch API / Axios，讓網頁與伺服器互動。
前端框架（React / Vue 擇一）：學習現代前端框架，提高開發效率。
小型專案（如 To-Do List）：實作互動型應用，提升技能。
📌 AI 工具應用：
GitHub Copilot：代碼補全與最佳化。
Figma AI 插件：設計 UI 組件。
📌 備選學習：
與後端整合（Node.js / ASP.NET）：可視職涯發展需求學習適合的後端技術。
[course_plugin title='前端工程師JavaScript課程' keyword='JavaScript 入門' amount=1]
🔹 第三階段：前端專業化（建議學習時長：3-6 個月）
📌 學習內容：
狀態管理（Redux / Pinia）：管理大型應用的資料狀態。
前端測試（Jest / Cypress）：確保應用程式的穩定性與可靠性。
SSR / SSG（Next.js / Nuxt.js）：提升網站的 SEO 與效能。
效能優化（Lighthouse、RAIL 模型）：讓網站載入更快、使用者體驗更好。
開發完整 SPA 專案：整合所學技術，完成一個獨立的應用程式。
📌 AI 工具應用：
Codeium / Tabnine：自動化程式碼建議。
Lighthouse + DevTools：網站效能分析。
📌 備選學習：
GraphQL：較新穎的 API 查詢方式，可視專案需求學習。
[course_plugin title='前端工程師專業課程' keyword='前端工程師專業技術養成班' amount=1]
🔹 第四階段：專業與進階（建議學習時長：6個月+）
📌 學習內容：
TypeScript：強化 JavaScript 的類型安全性，提高開發效率。
Web 安全性（CORS、OAuth）：學習網站安全機制，避免資安漏洞。
後端基礎（Node.js / ASP.NET）：學習如何建立簡單的後端 API。
PWA / 桌面應用開發：學習如何開發離線可用的 Web 應用。
參與開源項目或企業級專案：提升實戰經驗，增加履歷亮點。
📌 AI 工具應用：
自動生成測試案例。
智能除錯與最佳化建議。
📌 專業證照（可選）：
AWS Certified Developer – Associate（雲端應用開發）
Microsoft Certified: Azure Developer Associate（微軟雲端應用開發）
Google Professional Cloud Developer（Google Cloud 平台開發）
成為前端工程師應具備的7個特質 (軟技能)
除了技術能力外，優秀的前端工程師還需要具備以下軟技能，在職場上更具競爭力：
溝通能力 💬
需與 UI/UX 設計師、後端工程師、PM、行銷團隊協作，確保產品需求清楚且可落實。
能解釋技術限制，提出可行的解決方案。
【小測驗】來測測看自己的溝通能力技巧 👉 溝通協調 - 職能檢測｜104學習精靈
細心與耐心 🔍
HTML、CSS、JavaScript 有許多細節，例如語法錯誤、CSS 權重、事件冒泡等，都可能導致 bug。
需耐心測試各種邊界案例，確保產品品質。
美感與使用者體驗意識 🎨
前端開發不只是把 UI 轉成程式碼，還需要理解基本設計原則，如色彩搭配、排版、可讀性、可用性等。
瞭解 WCAG 無障礙設計標準，確保網站對所有用戶友好。
團隊合作與開源精神 🤝
需與團隊協作開發、使用 Git 進行版本控制，並撰寫良好的 commit message 讓團隊易於理解。
參與開源社群或分享技術文章，提升個人影響力並獲取更多學習機會。
問題解決與邏輯思維能力 🧠
前端開發經常遇到跨瀏覽器相容性、效能最佳化等問題，需要有條理地分析並解決。
具備 debug 能力，能有效利用 DevTools、Lighthouse、瀏覽器 Console 等工具排查問題。
【小測驗】來測測看自己的問題解決技巧 👉 問題解決 - 職能檢測｜104學習精靈
自主學習與適應能力 📚
前端技術發展快速（如 React、Vue、Svelte 等框架的變遷），需具備持續學習與適應新技術如 Web3、AI 應用於前端（如 Chatbot UI）等的能力，保持競爭力。
熟悉不同開發模式（如 CSR、SSR、ISR），能因應不同需求選擇適合技術方案。
時間管理能力 ⏳
前端開發通常需要處理多個功能或專案，具備良好時間管理能力能提升工作效率。
推薦課程 👉 成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)👉 成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)👉 Git 速成攻略：2.5 小時變身版本控制達人👉成為前端工程師｜jQuery 入門密技，愉快打造互動式網頁不求人
轉職前端工程師的學習策略
🎯 初學者或轉職者的學習策略：
建立系統化學習計畫
規劃每日或每週的學習時間，確保穩定進步。
先掌握 HTML、CSS、JavaScript，然後再學習框架與工具。
實作專案，提高實戰經驗
透過小型專案練習，如個人履歷頁面、簡單的 To-Do List 應用。
參與開源專案，提升協作能力。
持續關注業界動態
追蹤技術社群（如 Dev.to、Medium）。
觀看 YouTube 教學或參加線上課程。
打造個人作品集與 GitHub
將學習過程中的專案上傳至 GitHub，展示技術能力。
部署個人網站，建立個人品牌形象。
🎯 不同領域的客製化學習策略
學歷背景優勢可能挑戰調整建議理工科（資訊、數學）強邏輯、程式基礎佳設計美感較弱快速進入框架學習，額外學習 UI/UX人文社科（行銷、語言）擅長內容與設計需強化邏輯與程式概念先學 UI/UX，搭配 AI 減少語法負擔無技術背景無前端基礎需學習從 0 到 1先用 Webflow 製作網站，再逐步學習代碼
前端工程師薪資行情與職涯發展
📌台灣前端工程師薪資
初階（3年以下經驗）：月均薪約5.5萬。
中階（3- 5年經驗）：月均薪約 6.1萬。
高階（5-10年經驗）：月均薪約6.3萬。（以上資料來源：104薪資情報）
📌影響薪資的因素
技術能力與熟悉的技術棧
精通 JavaScript / TypeScript、React、Vue、Next.js、Node.js 等熱門技術，薪資相對較高。
具備 Full-Stack 能力（如後端 Node.js、雲端技術 AWS/GCP），薪資更有競爭力。
專案經驗與解決問題能力
曾參與大型系統開發，或有獨立解決技術難題的經驗，加分。
具備效能最佳化經驗（如 Web Performance、Lighthouse 分數優化），市場價值更高。
業界與產業別
AI、Fintech、區塊鏈 相關公司，通常薪資較高。
新創公司 vs. 大型企業：大公司（如 Google、Meta、Apple）薪資較高，但競爭激烈；新創可能提供股票期權作為額外報酬。
地區與遠端工作機會
台灣近年開放遠端前端工程師職位增加，若能找到國外遠端機會（如美國、新加坡公司），薪資可能大幅提升。
英語能力與國際市場競爭力
能用英語與國際團隊溝通、參與開源專案，或申請海外遠端工作，薪資通常較高。
英文能力 - 線上免費檢測
前端工程師的職涯發展路徑
📌 全端工程師：
學習後端技術（Node.js、MongoDB）與其他核心程式語言提升競爭力。
課程推薦：
微軟智慧應用C#全端開發工程師養成班
全端工程師必修-Python迅速開發網站實戰
📌 前端架構師：
專注於大型專案的架構設計與效能優化。
課程推薦：
資安與雲端架構工程師養成班
📌 技術產品經理：
結合技術與產品管理，創造更大價值。
課程推薦：
PM產品經理｜入門致勝攻略：打造最強怪物新人的實戰課｜
📌 UI/UX 工程師：
結合前端與使用者體驗設計，打造更直覺的介面。
課程推薦：
【安卓最新版】Android 9開發首部曲-UI與多頁面設計
哪些產業需要前端工程師
前端工程師的需求不僅限於軟體或網路公司，幾乎所有有數位產品的產業都需要前端開發人員。以下是幾個主要的產業：
📌 科技與軟體開發業（SaaS、雲端服務） 🌐
企業內部管理系統（ERP、CRM）
SaaS 產品（如 Notion、Figma、Slack）
API 服務平台、開發者工具
📌 電子商務（E-commerce） 🛒
電商平台（如 Shopee、Amazon）
直播購物、行動支付系統
會員系統、推薦系統的 UI 設計與優化
📌 金融科技（Fintech） 💳
銀行、線上支付系統（如 PayPal、Stripe）
投資交易平台（如 Robinhood、幣安）
區塊鏈 / Web3 項目（去中心化金融 DeFi、NFT 交易平台）
📌 遊戲產業（Gaming） 🎮
遊戲 UI 設計與開發（如 Unity WebGL、Web3 遊戲）
遊戲社群平台、直播互動功能
📌 醫療與健康科技（HealthTech） 🏥
線上醫療預約系統
遠端醫療應用（如 Telemedicine）
健康數據儀表板、可穿戴設備 UI
📌 教育科技（EdTech） 📚
線上學習平台（如 Coursera、Udemy）
互動學習工具、AI 自適應學習系統
📌 媒體與娛樂（Streaming & Social Media） 🎥
影音串流平台（如 YouTube、Netflix）
社群媒體（如 Twitter、TikTok）
內容管理系統（CMS）
📌 智慧製造與物聯網（IoT） 🏭
智能家居控制面板（如 Home Assistant）
工業自動化數據儀表板
📌 政府與非營利組織（GovTech） 🏛️
公家機關網站、數位政務服務
開放數據可視化應用
延伸推薦課程👉 RWD響應式網頁設計入門👉 （最新版.NET 6）ASP.NET Core MVC 無痛快速上手👉 工程師救星-用Bootstrap速成響應式網頁開發👉 Let’s Vue! 前端開發入門到實戰
前端工程師的挑戰與機會
🚀 成為前端工程師的挑戰
技術變化快，需持續學習
前端框架（React、Vue、Svelte）與技術棧更新快，需定期學習新技術。
前端生態系龐雜（Webpack、Vite、Bun 等工具），選擇適合的技術不容易。
效能與跨平台相容性
須考慮不同裝置、瀏覽器（Chrome、Safari、Edge）兼容性，避免出現顯示問題。
需優化效能，確保頁面載入速度快，提升使用者體驗。
與設計、後端的協作挑戰
需與 UI/UX 設計師合作，確保設計可行性。
與後端 API 串接時，可能遇到資料格式、CORS 限制等問題。
安全性風險
需防範 XSS、CSRF 等前端攻擊，確保網站安全。
🌟 成為前端工程師有哪些機會？
遠端工作機會多，薪資提升潛力大
許多國際公司提供遠端前端工程師職位，可爭取更高薪資（如美國、新加坡市場）。
跨領域發展機會
可向 Full-Stack 方向發展（學習後端 Node.js、雲端技術）。
若具備 UI/UX 設計能力，可轉型為前端設計師或產品開＝發相關角色。
AI & Web3 趨勢帶來新機會
AI 生成 UI（如 ChatGPT Plugin、Copilot）可能改變前端開發方式。
Web3 項目（如去中心化應用 dApp）對前端工程師需求增加。
開源貢獻與技術影響力
參與開源專案（如 Vue、React），可增加個人影響力，甚至吸引企業挖角。
延伸推薦課程👉 前端工程師專業技術養成班
延伸閱讀：
產品經理 - 學習地圖(上)：技能養成篇
成為雲端工程師的攻略指南：核心技能＆職涯精進完整解析
如何成為後端工程師？精準掌握必備核心技能＆職涯精進攻略
數據分析師工作內容是什麼？薪水高嗎？技術能力與職涯發展指南
想當資料工程師？工作內容、核心技能、薪水、職涯發展完整解析
[joblist_plugin title='更多104【前端工程師】工作機會' url='https://www.104.com.tw/jobs/search/?jobsource=index_s&keyword=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB&mode=s&page=1' amount='3']
學習 JavaScript 的第一步：打造成為前端工程師的技能基石
這門課程「成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能」專為想要學習前端開發的初學者設計，幫助你從零開始掌握 JavaScript，並逐步建立網頁開發技能。課程內容涵蓋 JavaScript 的基礎知識、語法結構，以及如何在網頁中應用，帶領學員從基礎到實戰，提升網頁開發的能力。這堂課適合對網頁開發有興趣、想轉職成為前端工程師的人士。
為初學者提供全面的 JavaScript 基礎培訓，幫助你逐步學習網頁開發。以下是推薦這堂課的幾個理由：
1. 從零開始，循序漸進
課程針對沒有程式基礎的人設計，從最基本的 JavaScript 語法開始，逐步引導你掌握網頁開發的核心技能。從變數、函數到迴圈、條件語句，你將學到 JavaScript 的基本概念，為進一步學習前端開發打下堅實基礎。
2. 實戰為主，強化學習效果
學習程式語言的最佳方式是通過實踐。本課程強調實戰教學，每個理論課程後都會有實際的練習和專案，讓學員動手操作，將所學知識應用到真實的網頁開發中，從而快速提升技能。
3. 培養解決問題的能力
本課程不僅僅是傳授語法知識，更注重培養學員的問題解決能力。你將學習如何在開發過程中使用 JavaScript 解決常見的問題，如表單驗證、動態內容更新和事件處理等，這些都是前端開發的重要技能。
4. 學習網頁互動效果
JavaScript 是網頁互動效果的靈魂。課程將帶你學習如何使用 JavaScript 實現動態網頁效果，例如動畫、事件監聽和資料傳遞等，使你的網頁更加生動有趣，增強用戶體驗。
5. 進階學習的基石
在掌握了 JavaScript 的基礎知識後，你將更有信心學習進階的前端技術，如框架（React、Vue.js）和進階的 JavaScript 概念（如 AJAX、ES6+）。這堂課為你打下了堅實的基礎，是你進入前端開發領域的重要起點。
【 職場前景與優勢 】
當前端工程師已成為網路科技行業中炙手可熱的職位之一，學習 JavaScript 是進入這一領域的必要條件。擁有這項技能後，你將具備網頁開發的核心競爭力，在求職市場中脫穎而出，無論是初入職場，還是想要轉職的人士，這門課程都是理想的選擇。
【 課程結構 】
課程結構嚴謹，從基礎知識到實際應用，逐步深入，涵蓋了學習 JavaScript 所需的各個方面。每個章節都有精心設計的教學內容和練習，確保學員能夠充分理解和掌握。
【 課程效益 】
完成這門課程後，你將能夠自行開發出具有互動效果的網頁，並具備解決前端開發中常見問題的能力。這對於想要成為專業前端工程師的你來說，是一個不可錯過的學習機會。
透過這堂課，你將從零開始學習 JavaScript，最終成為具備獨立開發能力的前端工程師。立即報名，開啟你的網頁開發之旅吧！
透過這堂課，你將從零開始學習 JavaScript，最終成為具備獨立開發能力的前端工程師。立即報名，開啟你的網頁開發之旅吧！
https://nabi.104.com.tw/course/tibame/9e6b7b79-2849-4f24-80ef-a620b94471a5
前端工程師2025年必學技能清單：10大工具與技術指南，職場增能懶人包整理
前端工程師需要掌握的技能和專業涵蓋了多個方面(HTML、CSS 、 JavaScrip...等)，包括基礎的網頁開發知識、前端框架、以及與團隊合作的工具等。本篇文章將深入探討前端工程師必備的 10 大核心技能與工具，幫助您在職涯中站穩腳步，開發出高效且吸引人的網站與應用。
1. HTML、CSS 和 JavaScript
HTML: 用於結構化網頁內容，是前端開發的基礎語言。
CSS: 負責設計和佈局，使網站具有視覺吸引力。
Java Script: 增加互動性，處理用戶事件和動態內容。
⚡推薦課程⚡
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
https://nabi.104.com.tw/course/tibame/f5b246b2-ec79-4f0d-8ef5-2fdf8d6f5bcb
成為前端工程師｜Java Script 入門：帶你逐步培養網頁開發技能
https://nabi.104.com.tw/course/tibame/830671fb-2c58-48fa-9a5a-6c1f1798598a
【更多課程學習】https://user266414.pse.is/6ps94k
2. 前端框架和庫
React.js: 一個用於構建用戶界面的 JavaScript 庫，能夠快速開發單頁應用（SPA）。
Vue.js: 一個漸進式框架，適合於小型到大型應用的開發。
Angular: 一個全面的前端框架，適合大型企業級應用。
Svelte: 新興的前端框架，以其高效的性能和簡化的開發體驗而受歡迎。
⚡推薦課程⚡
Let’s Vue! 前端開發入門到實戰
https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc
3. 版本控制工具
Git: 版本控制系統，用於跟蹤代碼變更，方便團隊協作。
GitHub 或 GitLab: 托管代碼庫，協作開發和版本管理的主要平台
⚡推薦課程⚡
Git 速成攻略：2.5 小時變身版本控制達人
https://nabi.104.com.tw/course/tibame/20a2bbd6-ee21-4d92-8899-18e59ea3b97f
AI助理GitHub Copilot | 提升前端開發效率
https://nabi.104.com.tw/course/tibame/c4795096-ae10-43a5-b5e3-2a6548c30e8c
GitHub Copilot AI賦能開發實戰訓練班
https://nabi.104.com.tw/course/tibame/2617c99d-b815-442d-89b4-aa35a360273a
4. 預處理與構建工具
Sass 或 Less: CSS 預處理器，能夠提高樣式表的可維護性和可重用性。
Webpack、Parcel 或 Vite: 模塊打包工具，用於優化資源加載、處理 JavaScript 模塊化等。
【更多課程學習】https://user266414.pse.is/6psa64
5. 響應式設計與跨平台兼容
響應式網頁設計: 掌握使用 CSS 媒體查詢（Media Queries）以適應不同屏幕尺寸的布局技巧。
跨瀏覽器兼容性: 確保網站在不同的瀏覽器（如 Chrome、Firefox、Safari、Edge）上的一致性。
⚡推薦課程⚡
RWD響應式網頁設計入門
https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8
工程師救星-用Bootstrap速成響應式網頁開發
https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8
6. 調試與測試
Chrome DevTools: 瀏覽器內建的開發者工具，用於調試 JavaScript、分析網頁性能。
前端測試框架: 如 Jest、Mocha、Cypress，用於自動化測試和單元測試。
7. API 與 AJAX 技術
Fetch API 或 Axios: 用於與後端服務進行 HTTP 通信，拉取數據或發送數據。
RESTful API 與 GraphQL: 理解如何與 API 交互並消費 API 提供的數據。
8. 設計工具和基礎設計原則
Figma 或 Adobe XD: 瞭解設計工具以便與設計師協作。
UX/UI 基礎: 基本的用戶體驗和用戶界面設計原則，確保設計既美觀又實用。
⚡推薦課程⚡
UI/UX 新時代指南：產品設計 x 商業思維 x AI 工具
https://nabi.104.com.tw/course/ppa/d9785ca3-7de2-4567-aae5-2c771a5471e8
UI/UX新手實務班｜UI介面設計，洞悉使用者體驗
https://nabi.104.com.tw/course/tibame/1550e806-07b1-49a2-a8e8-42668911d4ca
9. 性能優化
代碼分割與懶加載: 減少初次加載時間，提升網站性能。
圖片優化與資源壓縮: 優化圖片格式與大小，減少網頁加載時間。
10. SEO（搜索引擎優化）
理解基本的 SEO 概念，確保網站在搜索引擎中具有良好的可見度，包括結構化數據的應用和適當的標題標籤。
⚡推薦課程⚡
SEO搜尋引擎優化七大密技｜攻上頂端排名寶座
https://nabi.104.com.tw/course/tibame/b0d286b0-9106-406c-beff-c53918ab2270
具備以上這些技能，能幫助前端工程師在現代網頁開發中具備更強的競爭力與靈活性。
前端工程師多非本科生？說人話、懂人性，決定你的本事
【快閃活動】上傳你的追蹤、留言截圖，有機會抽104人力銀行《2025工作超順曆》
真的嗎？前端工程師多半是非本科生！英文系畢業的Vivian，因為慘遭資遣而痛下決心轉行當前端工程師。才半年，透過自學，她先在網路找免費的學習資源Freecodecamp，至少先確認自己不討厭，然後循序漸進、由淺入深，找一位role model，成為自己的新標竿。當ChatGPT來了，說人話、懂人性、會程式，文科生怎會被取代呢？
【Pocket Casts這裡聽】 【KKBOX這裡聽】 【mixerbox這裡聽】
【本集來賓】
Vivian，現職為跨領域轉職的軟體工程師，東吳英文系畢業，有兩年的前端開發經驗，現為全端工程師，也經營自媒體、IG和擔任專欄寫手。
【本集重點】
01:26 前端工程師得具備自學能力，講人話、與協調溝通能力
04:30 彼此協調、資訊交流與妥協
05:27出色工程師：技術佳、規劃力、溝通力
08:24已經少本科生擔任前端，非本科生、跨領域都從前端工程師著手
11:03 確認學習的優先順序，不要越級打怪。多運用如Free code camp的免費學習資源做摸索
15:20 前端工程師的一天：判斷訊息優先順序，解決問題。
19:05 面對程式碼、問題即可，工作單純。職涯穩定發展、不用人際內耗。看到程式上架，就很有成就感，臉上很風光
21:30 控管時程是工程師的噩夢
23:55 前端工程師69%大學畢業，多落在1-3年，職涯發展會轉其他
25:37 前端工程師薪資中位數，一年以下年薪 40-60萬，1-3年60-90萬，資深工程師多90萬起跳。後端工程師薪資中位數，稍高於前端
29:05 前端工程師在哪些產業薪水較高？
30:03 前端工程師的職涯發展，前端工程師=>全端工程師=>軟體工程師。
31:18 找role model學習。
▍ 一窺各工作樣貌，你還可以聽
EP380 【百工大吉】好導遊 = 危機拆彈高手！ 聽林龍 化危機為轉機！「吃到蒼蠅也覺得香」
EP381 【百工大吉】好導遊 = 讀懂旅客空氣 聽林龍如何破冰，贏得旅客信任
EP392 【百工大吉】兒時玩伴離世，街頭藝人感動創作 街頭藝人基本功：技能、特質、實驗、外語、理財
前端工程師面試的必備工具： GreatFrontEnd｜由 FAANG 資深工程師推出，從 CSS 到系統設計全都有！
如果你是一名前端工程師，正在準備技術面試，那麼你絕不能錯過 GreatFrontEnd。這個專門為前端開發者設計的平台，提供了豐富的練習題庫，涵蓋從 JavaScript、CSS 到系統設計的各種面試題目。無論你是剛入門還是經驗豐富的工程師，GreatFrontEnd 都能幫助你針對性地提升面試成功率，避免面試失敗的風險。本文將深入探討 GreatFrontEnd 的功能優勢及其為前端工程師面試提供的價值。
▍GreatFrontEnd 是什麼？
GreatFrontEnd 是一個針對前端開發者的線上學習平台，專注於幫助使用者準備技術面試。該平台由多位曾在 FAANG（Facebook、Amazon、Apple、Netflix、Google）等科技巨頭任職的資深工程師共同打造，提供超過 200 道精選練習題目，涵蓋了從基本的 HTML/CSS 到高階的 JavaScript 及系統設計題目。
平台上的題目類型多樣，從簡單的知識問答、程式碼撰寫，到更複雜的使用者介面設計和系統架構設計應有盡有。這些題目不僅有助於鞏固前端開發的基礎知識，還能幫助使用者掌握面試過程中經常遇到的問題形式。
▍GreatFrontEnd 功能優勢
● 全面的題庫覆蓋：GreatFrontEnd 提供從初級到高級的前端面試題目，無論是 JavaScript 的閉包（closure）概念，還是 CSS 的盒模型（Box Model），甚至是前端系統設計的架構問題，都可以在這裡找到對應的練習題目。
● 詳盡的解答與解析：每道題目都配有詳細的答案解析，幫助使用者不僅理解解題步驟，還能掌握背後的原理。這些解析由有豐富經驗的前 FAANG 工程師撰寫，保證了內容的專業性和實用性。
● 模擬真實面試場景：平台設計了多種面試模擬，包括 JavaScript 程式碼撰寫、使用者介面設計、系統設計等，讓使用者在實際面試中能夠應對自如。
● 靈活的學習方式：使用者可以依據自己的學習進度，選擇不同難度和主題的題目進行練習，這使得學習變得更加個性化。
▍為什麼選擇 GreatFrontEnd 作為工程師面試工具？
● 針對性強：與其他通用的面試準備平台不同，GreatFrontEnd 專注於前端技術，這意味著每道題目和每個功能都是為了提升你的前端技能而設計的。這讓它成為前端工程師面試準備的最佳選擇之一。
● 實用性高：平台上的題目大多取自實際的面試問題，並根據最新的技術趨勢進行更新，這讓使用者在學習過程中不僅能夠掌握基本知識，還能夠應對可能在面試中遇到的實際問題。
● 可靠的專業支持：GreatFrontEnd 的內容由經驗豐富的工程師團隊精心打造，這不僅保證了題目的質量，還能夠為使用者提供專業的指導與建議，確保在面試過程中發揮最佳表現。
▍GreatFrontEnd 方案費用
GreatFrontEnd 提供多種訂閱方案，滿足不同學習者的需求。以下是平台主要的訂閱方案與價格，及其對應的功能：
【免費方案（Free Plan）】
● 價格：免費
● 提供有限的題庫練習，讓使用者可以嘗試部分題目。
● 簡單的練習題目與部分模擬測試。
● 無法使用高階功能與完整解答解析。
【個人方案（Individual Plan）】
● 價格：每月 $29 或年付 $299
● 全面解鎖題庫，包含所有前端相關練習題目。
● 提供詳細的解題解析與專業建議，幫助使用者深入理解。
● 享有面試模擬與系統設計練習。
● 每月獲得一小時的 1:1 專家輔導，解答學習中的疑問。
【團隊方案（Team Plan）】
● 價格：每月 $99 起（依使用者數量調整價格）
● 包含個人方案的所有功能。
● 適合公司內部培訓，提供團隊學習報告，追蹤每個成員的學習進度。
● 設計專屬的團隊挑戰題目，提升團隊合作能力與技術水平。
【企業方案（Enterprise Plan）】
● 價格：依需求報價
● 定制化題庫與專業培訓計劃，根據企業需求設計課程內容。
● 享有更高階的技術支援與專業輔導。
● 無限使用平台所有功能，包含進階模擬測試與專屬系統設計題目。
這些方案的定價根據使用者的需求和學習目標提供靈活選擇，無論你是個人學習還是企業培訓，都能在 GreatFrontEnd 找到合適的方案來提升技術能力。
在面對競爭激烈的前端開發市場，選擇一個合適的面試準備工具至關重要。GreatFrontEnd 不僅能夠幫助你全面提升技術實力，還能夠讓你在面試中脫穎而出。如果你正準備踏上前端工程師的求職之路，GreatFrontEnd 絕對是你不可或缺的利器。無論是練習題庫的覆蓋範圍，還是解題的深度，這個平台都能幫助你解決面試準備中的痛點，助你一臂之力。
➤ 立即使用：https://www.greatfrontend.com/
➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！
前端工程師在 To B 和 To C 開發中的角色差異＆選擇指南：複雜度？設計考量？使用者需求？
作為前端工程師，你是否在考慮 To B （企業對企業）和 To C（企業對消費者）開發的不同需求？瞭解這些差異不僅能幫助你做出更好的技術選擇，還能提升你的專業能力。這篇文章將深入探討 To B 與 To C 開發的主要差異，以及如何針對不同的開發環境做出最佳選擇，讓你在職業生涯中脫穎而出。
在前端開發的領域中，To B（企業對企業）和 To C（企業對消費者）的開發不僅僅是針對不同的受眾，還涉及到設計思維、功能實現、技術選擇以及性能優化等多方面的差異。理解這些差異有助於前端工程師在不同的項目中更有效地工作，並根據特定需求做出正確的決策。
▍1. 使用者需求的差異
To B 和 To C 的最大區別在於使用者需求的不同。To B 產品的使用者多為專業人士或企業內部員工，他們對產品的功能性、效率性以及穩定性有著更高的要求。這些使用者通常處理大量數據，並依賴高效的工具來完成複雜的工作任務。因此，To B 的前端開發需要注重功能的深度和操作的便捷性。
相對而言，To C 的使用者則是普通消費者，他們更在意的是應用的簡單易用、美觀以及流暢的使用體驗。由於這些應用面向的是大眾市場，設計和開發過程中需要特別注意使用者的直觀感受，讓他們在使用過程中感到愉悅和滿意。
▍2. 設計考量與用戶體驗
To B 和 To C 的設計考量上也有很大不同。To B 產品的設計風格通常偏向簡潔和專業，強調功能的整合性與信息的清晰展示。由於 B 端產品可能涉及多個功能模塊和大量數據，前端工程師在設計時需要確保介面的直觀性和易操作性，避免讓使用者感到困惑或負擔過重。
To C 產品則更加注重視覺效果和情感連結，設計中常融入豐富的色彩、動畫效果以及交互細節，目的是吸引使用者的注意力並保持他們的興趣。在這種情況下，前端工程師不僅要考慮功能的實現，還要確保整體設計風格與使用者的審美和操作習慣相契合。
▍3. 功能實現的複雜度
To B 和 To C 的功能複雜度差異顯著。To B 應用通常需要處理更為複雜的邏輯，支援多使用者協作以及大量數據的處理和報表生成等。這要求前端工程師具備良好的系統架構設計能力，以確保系統的穩定性和擴展性。
相比之下，To C 應用的功能通常較為簡單，專注於滿足個別使用者的需求，如購物、娛樂、社交等。前端工程師在開發 To C 產品時，重點在於確保應用的流暢性和使用者操作的一致性，避免因功能過多而使介面顯得複雜或難以操作。
▍4. 技術選擇與開發策略
在技術選擇方面，To B 和 To C 也有不同的考量。To B 開發通常偏向穩定性和長期可維護性，前端工程師在選擇技術時會更傾向於成熟的框架和工具，確保系統在長期使用中的穩定性和安全性。此外，由於 To B 產品的生命週期較長，前端工程師需要考慮技術的可擴展性以及未來的技術支援。
而 To C 開發則更強調技術的靈活性和開發效率。由於 C 端產品需要快速迭代，並且經常更新功能以滿足市場需求，前端工程師通常會選擇更先進的技術來提升產品的競爭力。同時，C 端產品面對的是大規模的使用者群體，技術選擇上必須考慮到不同設備和網路環境下的表現。
▍5. 性能優化的重點
性能優化是前端開發中不可忽視的一部分。To B 和 To C 在這方面的優化重點也有所不同。To B 應用通常涉及大量數據的處理和複雜操作，因此優化重點在於系統的穩定性和高效處理能力。即使系統的使用者數量相對較少，但每個使用者的操作可能涉及大量數據，這對前端性能提出了更高的要求。
反觀 To C 應用，優化的重點在於頁面加載速度和操作流暢性。由於 C 端應用面向的是廣泛的大眾市場，使用者可能來自不同的網路環境和設備，因此前端工程師必須確保應用在各種情況下都能保持良好的性能表現，從而提高使用者的滿意度和留存率。
To B 和 To C 的前端開發在許多方面存在差異，前端工程師需要根據具體需求做出相應的技術選擇和設計決策。了解並掌握這些差異不僅能幫助你在不同的項目中游刃有餘，還能提升你的專業素養，成為一名更加全能的前端工程師。無論你是專注於 To B 還是 To C 開發，掌握相關的技巧和知識都將讓你在職業生涯中更具競爭力。
➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！
軟體工程師如何談薪水？前端工程師分享3種常見核薪流程及5評估方向
選擇比努力更重要，該如何選到對的產業、公司和主管呢？本文作者為前端工程師，分享如何從公司不同的徵才狀態評估選擇，以及3種常見的核薪流程，最後提供網路與科技業的薪資整理情報，提供求職轉職參考！
文／林彥成｜前端三分鐘
本文目錄（點擊可快速前往）
產業、公司、主管，選擇比努力重要公司徵才狀態5方向評估1. 開缺時間2. 缺人程度3. 公司制度4. HR或面談主管的專業程度5. 專案緊急程度3種常見核薪方式1. 公司制度核薪2. 挖角核薪3. 提供薪資條核薪網路與科技業的薪資整理
當大缺工時代遇上年後轉職潮，該選擇什麼時機？該怎麼談薪水？接下來會從求職者角度開箱3種常見核薪流程和5種常見徵才狀態。
10年前全世界的手機開發、網路業起飛，10年後台灣軟體業起薪還是輸結構性調薪後的半導體相關產業，不過網路業有能力的人工時精緻又領Global Pay也真的很令人羨慕。
近年來3~5年內調薪100%以上的公司或跳槽2~3倍年薪在跳的案例都不是沒有聽過，不過哪些公司這方面就不能透漏。
【作者檔案】林彥成，資深前端工程師，網站前後端開發經驗9年。珍貴線上Q&A機會，直擊台積電工程師的真實生活！限時報名>>
產業、公司、主管，選擇比努力重要
選擇對的產業：產業熱門會影響營收，薪資競爭力相對好。外商>台商、做跨國生意>做本土生意、獨佔企業>競爭企業
選擇對的公司：龍頭獨佔市場容易有市場決定權，進入相對落後的公司，很可能半導體業的薪資還不如軟體業。
選擇對的主管：同公司不同部門不同主管差異較大，即使爆肝園區也很多人是高薪又正常上下班的，6、7點還是熱門通勤時段。
公司徵才狀態5方向評估
公司徵才狀態也能夠幫助求職者進行選擇，可以試著從底下5種徵才狀態來觀察。
開缺時間：年前開的缺、年後開的缺。
缺人程度：通常越急著需要人才的公司越會用挖角的方式，談薪水也相對容易。
公司制度：除了提供薪資條的案例外，不管是挖角或是依照規範都是相對專業的。
專業程度：除了提供薪資條的案例外，會依照能力或是學經歷核薪都是相對合理。
緊急程度：被挖角或是對方過於積極的，都建議要多想想。
1. 開缺時間
表示離職或是擴編的時間，如果年底在徵才通常不是大好或大壞，除了年後轉職剩下常見熱門徵才時段會是畢業潮。
年前開缺：比較有機會能避開地雷，畢竟差一小段時間就可以領年終，大部分人不會選擇在這個時間點換工作，但也有可能真的雷到不行
年後開缺：通常會頂替前一位離職者，如果關係沒處理好，也很可能會是快速離職留下的爛攤子
2. 缺人程度
如何知道一間公司缺人的程度？
觀察104上開的職缺數量
面試詢問徵才的原因
透過獵頭代為詢問及了解
觀察整體產業情況
以2021年底的情況，新聞報導聯發科徵才5000人、台積電9000人、仁寶電腦1000人、趨勢500人。
此時，只需稍微詢問一下同學新人報到狀況，就能夠對整個產業動向略知一二，透過財報也可以看出來是因為營收大增的徵才。
新創常見在收到募資後，此時需要對投資人交代需要衝刺MAU、營收，這時也會需要更多人才。
3. 公司制度
有制度的公司：很少談的空間，舉例來說上市櫃公司就會依照你念的學校、工作經歷來進行核薪。
沒制度的公司：分成摳門、賺錢賺爆兩種，前者人力為成本，後者就會很在意產出和撈錢效率。
4. HR或面談主管的專業程度
專業程度則可以從HR或是面談主管兩方面去觀察。
面談主管是否能夠在面試的階段透過專業問題來評估你的能力？
HR在談薪水的階段是否明確了解市場行情？
5. 專案緊急程度
專案緊急程度比較容易會顯示在報到時間，越快報到越好這種通常有點危險。
小編就聽說過朋友加入一間公司，報到一周內就要離職交接，接下來兩周要在沒設計稿的情況下，速度加入討論並把相關的活動頁生出來上線。
怎麼判斷專案是否緊急？
透過內線打聽。
面試時看面試官是否能夠誠實告知，小編就有遇過主管直接說沒有很急的專案跟時程，也會給你很多的發揮空間。
3種常見核薪方式
3種談薪水的模式分別為「公司制度」、「挖角」、「提供薪資條核薪」
公司制度核薪：透過面試、學經歷決定職等，HR跑完流程後會通知核薪結果
挖角核薪：HR 開口就問開多少會願意來，通常也會在職缺上提供範圍（所以要注意在合理範圍內）
提供薪資條核薪：請提供前公司薪資條、轉帳紀錄、扣繳憑單
1. 公司制度核薪
面試流程分享
HackerRank前測（1.5h），分數要接近或達標才會邀請進行實體面試。
實體面試分成性向測驗、英文測驗、小主管及資深同事實體面談。
大主管二面，可能需要也可能不需要。
通常這樣有制度且員工多的公司，某種層級以下的員工都是依照制度處理，不會有太多的空間。
有名的大公司對學經歷的要求也會相對嚴格，有選擇的情況下較不容易去收所謂學店畢業生。
專案緊急程度上，可以觀察對方多急著需要你去下決定，在這樣有制度的大公司可能就比較不能期待能有超出市場範圍的薪資水平。
2. 挖角核薪
面試流程分享：
HackerRank前測（1h）
前端工程師面試（1h）
資深工程師面試（1h）
CTO（1h）
CEO（40mins - 1h）
較需要特殊領域專業，比起名詞解釋跟背誦會更在意你在computer science上的基礎概念與學習能力。
公司拿到募資，原則上只要你是人才就願意重視你，畢竟軟體業的產出就是比誰的工程師比較強。
通常會有急需解決的問題與挑戰（或需要你背的鍋），有可能找人很快請人離開也很快。
3. 提供薪資條核薪
面試流程分享
一題簡易測試，看是否熟悉Github
主管介紹部門
Team Lead跟行銷營運
HR面談
面試除了小作業以外還安排了兩次實體加一次遠端面試，面試過程中過於簡單，主管並無法從對談中得知面試者的相關程度。從最後跟HRM聊天過程中體感是前後矛盾與現實狀態上感受到不太誠實。
另外網路上一篇好文分析了透過薪資條核薪的三個可能：
只看過去，不看未來：技術職卻著重人選過去薪資，代表無法評估經驗是否可以發揮並帶給新公司影響。
只看公司，不看個人：薪資條、轉帳明細、扣繳憑單，代表制度上可能不專業，需依賴外界水準來確定價值。
只看價格，不看價值：參考價格由數字推斷未來可能貢獻，也代表面試可能只有聊天功能。
有可能是把人當成本、調薪速度相對慢的公司，核薪與調薪應該會是類似的專業技能。
網路與科技業的薪資整理
在核薪之前，許多HR可能被交代無法配合市場行情，這時候如果依公司規定往往無法拿到合理的薪水，所以了解市場行情會是最重要的一部。
前陣子網路上有看到一篇網路與科技業的薪資的相關資訊，以2022年從小編過往經驗、認識的同學們的消息上看來，數據還蠻準確的。
此外也可以透過公開資訊觀測站來蒐集資訊，或是社群也可能會辦理普查，有時候稍微關注一下也可以得到相關資訊，提供給各位參考。
延伸閱讀：上市公司非主管員工薪資中位數出爐：聯發科309萬第2、台積電排第10
（原文標題：三種常見核薪流程開箱：公司徵才狀態會怎麼影響談薪水時機）
[joblist_plugin title='更多104【軟體工程師】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E8%BB%9F%E9%AB%94%E5%B7%A5%E7%A8%8B%E5%B8%AB' amount='3']
【免費直播最後名額】還在猶豫該不該轉職前端工程師，4個月她從美術老師到前端工程師的成功關鍵
#免費直播報名倒數 你還停留在跨領域轉職=砍掉重練？
其實「#跨領域經歷」正是當今企業所需！🔥
藝術背景、零程式基礎，完成4個月培訓成為鴻海前端工程師，聽聽她怎麼辦到的👉 https://lihi.cc/meapa
▍ 直播講座資訊
🔹 時間：7/7 (一) 20：00~21：00
🔹 費用：免費報名
🔹 形式：線上直播（將於活動前2~3天email提供直播連結）
🔸報名連結：
#活動加碼：成功轉職前輩線上QA解答
如果你也卡在「要不要轉？」的十字路口，這一集，也許就是你的方向指引！
▍ 這 1 小時與你分享：
✅ 如何自我評估該不該轉職
✅ 轉職前的心態調適
✅ 學習過程到專題作品準備
✅ 團隊 side project 的重要性
✅ 如何發揮跨領域優勢
✅ 進入職場的實況與自我提升之路
✅ 轉職前輩線上 QA 提問
立即前往報名👉 https://lihi.cc/meapa
想了解其他 IT 轉職職務選擇？明天晚上免費直播報名入口👉 https://lihi.cc/qTYgy
想獲得更多免費求職轉職資源👉 https://lihi.cc/2Fm56
【海外轉職前端】在菲律賓，從文職人員成功轉職前端工程師
大學畢業後，Sophie 前往菲律賓工作，擔任文職人員長達五年。在即將邁入三十之際，決心學習一門專業技能，避免被時代淘汰。在職學習歷時一年，終於成功在菲律賓轉職前端工程師，讓我們一起來聽聽她是怎麼辦到的吧！
📌 從菲律賓工作開始
Sophie 大學畢業後，獨自前往菲律賓求職，在當地的語言學校擔任駐菲文職人員，一待就是五年。眼看三十歲即將到來，Sophie 開始思考自己的職涯規劃，在這個快速變化的職場環境中，她開始擔心自己的專業能力會不會被時代淘汰。
剛好這時候，朋友成功轉職前端工程師，Sophie 在了解過後覺得可以試試看，雖然大學的時候有稍微接觸過程式設計，但其實不太熟悉。
在朋友的推薦下，先看了六角在 YouTube 的免費課程，逐漸了解轉職前端工程師需要準備的知識技能，規劃了自己的學習計畫。
📌 學習歷程
因為在國外工作，無法選擇線下實體教學，Sophie 在選擇課程的時候，就先以預錄好的線上影音課程為主。但預錄的課程有個缺點 —— 遇到問題時無法馬上得到解答，這時候六角的直播課程吸引了 Sophie，她覺得這種學習方式，更有系統、即時互動性更高、更專注，於是選擇加入了切版直播班。
💡
Sophie 的學習路線是：
切版直播班 > JavaScript 直播班 > Vue.js 直播班。每天花 1~2 個小時學習、做作業，遇到問題的時候，也會搭配 AI 工具解答，一年下來能看到明顯的進步。
在六角的直播班除了每週一次的線上課程，其他時間就照著老師的作業，安排自己學習進度。除此之外，她特別強調「分組學習真的很棒，能跟組員一起討論真的很有幫助！」跟組員之間互助學習，遇到不會的地方會向他們請教，看到組員們進步，也會激勵自己要快跟上，這些互動不僅促進學習，也培養了團隊精神。
📌 求職歷程：轉職第一份工作，先求累積經驗
在 Vue 直播班 結業後，Sophie 開始在華人工作網投遞履歷，他也提到「履歷一定要老實寫，別想著過度美化。」因為面試時，很多主管會問你為什麼想轉職，這時候直說想學一技之長。其實主管都知道你是培訓班出來的新鮮人，所以通常對你會蠻友善的。
另外，剛開始找工作，別太挑，重點是先累積經驗。Sophie 運氣很好，遇到的同事都很 nice，會輪流帶新人，她說：「這真的很重要，因為聽說有些公司對新人超兇的，可能就會消耗你的自信心。」
📌 最喜歡六角的…
最喜歡每週一次的助教解答時間，平常練習時遇到的問題，可以先記下來，到了每週固定時間就在 Discord 上一次問個夠，這種即時互動的方式，吸收效果會更好。
另外也會參加每個月的「大神來六角」，聽聽看業界講師的經驗分享，總能學到不少東西。
在海外上課難免會覺得有點孤單，不過，可能因為六角是南部的機構，我自己又剛好是南部人，總感覺特別親切，那時候雖然人在國外，但還是很依賴六角提供的學習資源，感覺就像有個溫暖的後盾一樣。
📌 給學弟妹的話
開始了就不要放棄，不管遇到什麼困難，堅持下去，自己就是贏家。
說實在的，都 30 歲了還轉職，說不怕騙人，我自己也曾掙扎，但想想，不試試看怎麼知道自己行不行？給自己一個不一樣的挑戰，既然選了這條路，就咬牙撐下去吧。
【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會
想轉換跑道當前端工程師，但又不知道如何開始?
這麼多前端工程師課程，那些又能跟業界銜接?
【非工程背景↘零經驗↘跨領域轉職】
緯育TibaMeｘ104學習精靈 現正舉辦【跨領域轉職前端工程師。課程說明會】
透過19週培訓課程，從基礎 → 進階，從進階 → 完成專題作品，協助您成功轉職！
課程相關完整介紹搶先看：
https://nabi.104.com.tw/course/tibame/3f4d140e-4107-47b8-947a-414aba5167b1
參加線上說明會，確認報名課程將可取得限定優惠!
⚡ 該優惠活動會於參加線上說明會，且於 緯育TibaMe 付款時享有。
⚡ 確認報名課程，可享 緯育TibaMe 相關付款優惠（例如：信用卡分期．．．等）
真的！席次最後倒數！免費報名！相信自己一次！
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
【報名截止日】
🔴 5/06 (二) 20:00~21:00 | 報名到5/5 (一) 17:00
🔴 5/07 (三) 14:30~15:30 | 報名到5/6 (二) 17:00
🔴 5/13 (二) 20:00~21:00 | 報名到5/12 (一) 17:00
有任何收穫或想分享的，都來和大家一起聊聊吧！