前端工程師薪水大概是多少？
台灣 2026 年前端工程師薪資範圍（月薪，不含獎金）：
| 職級 | 年資 | 月薪範圍 | 說明 |
|---|---|---|---|
| 初級（Junior） | 0–2 年 | 40,000–60,000 | 能獨立完成功能需求 |
| 中級（Mid） | 2–5 年 | 60,000–100,000 | 能帶領小型任務、code review |
| 資深（Senior） | 5 年以上 | 100,000–180,000 | 架構決策、技術 lead |
| 前端技術主管 | 8 年以上 | 150,000–250,000 | 管理團隊、跨部門溝通 |
補充說明：
- 台北科技公司（如台積電、TSMC 供應鏈、外商）薪資普遍比平均高 20–40%
- 新創公司初期薪資較低，但通常有股票選擇權
- 外商（Google、Meta、LINE）薪資另計，通常為台灣市場 1.5–2 倍
- 遠端接案若做到國際客戶，月收 6 萬以上不難
轉職前端工程師需要學哪些技術？
完整學習路線（文字版）
第一階段：基礎（2–3 個月）
- HTML：語義化標籤、表單、無障礙設計基礎
- CSS：盒模型、Flexbox、Grid、RWD 響應式設計
- JavaScript：變數、函式、陣列、物件、DOM 操作、事件處理
第二階段：進階 JavaScript（1–2 個月）
- ES6+ 語法（箭頭函式、解構、Promise、async/await）
- 模組化（import/export）
- Fetch API / 串接後端 API
- Git / GitHub 版本控制
第三階段：框架（2–3 個月）
- React（最多職缺）或 Vue（台灣企業常用）
- 元件設計、Props、State 管理
- React Router / Vue Router
- 基礎 TypeScript
第四階段：工具與部署（1 個月）
- Vite / webpack 打包工具
- npm / pnpm 套件管理
- Vercel / Netlify 部署
- 基本 CI/CD 概念
第五階段：作品集與求職準備（1–2 個月）
- 完成 2–3 個有品質的作品
- 整理 GitHub、更新 LinkedIn
- 模擬面試、刷題（LeetCode 初級）
完全沒有程式基礎，大概要多久能轉職？
平均時程：8–12 個月（每週投入 15–25 小時）
| 投入程度 | 估計時程 |
|---|---|
| 每週 10h（副業學習） | 12–18 個月 |
| 每週 20h（下班後認真學） | 8–12 個月 |
| 每週 35h 以上（辭職全力衝） | 5–8 個月 |
影響時程的因素：
- 邏輯思維能力（理工背景者通常快一些）
- 是否有學習夥伴或導師
- 作品集品質（精不在多）
- 英文閱讀能力（文件大多是英文）
建議：不要辭職後才開始學，先利用下班時間確認興趣，再決定是否全力投入。
自學 vs 補習班 vs 線上課程，哪種比較好？
| 方式 | 費用 | 優點 | 缺點 | 適合對象 |
|---|---|---|---|---|
| 自學（免費資源） | 0 | 彈性最高、費用最低 | 容易卡關、缺乏反饋 | 自律強、有工程師朋友可問 |
| 補習班（實體） | 10–30 萬 | 結構化、人脈、就業輔導 | 費用高、時間固定 | 需要高度外部督促 |
| 線上課程（付費） | 3,000–15,000 | 品質好、有社群、彈性 | 仍需自律 | 多數人的最佳選擇 |
| 企業實習 / 學徒計畫 | 有薪 | 邊做邊學、直接累積實戰 | 名額少、競爭大 | 已有一定基礎者 |
台灣推薦的線上課程平台：
- 六角學院：前端專門、繁中、有作業批改，是台灣轉職前端的首選之一
- Hahow 好學校：課程多元、可先試看幾分鐘再購買
- Udemy：英文為主，課程量最大，等打折時買很划算（通常折扣到 NT$390）
作品集要做幾個、做什麼？
數量：2–3 個為佳，精選優於多
面試官真正在意的是：程式碼品質、能不能解決真實問題、你有沒有用心做。
推薦的作品集題材
| 類型 | 範例 | 難度 |
|---|---|---|
| 實用工具 | 台灣匯率換算、薪資試算、股息計算機 | ★★★☆ |
| 串接 API 的應用 | 天氣 App、股市資訊、電影搜尋 | ★★★☆ |
| 完整 CRUD 應用 | 記帳 App、待辦清單（含後端） | ★★★★ |
| 仿知名網站局部 | 仿 YouTube 首頁、仿 Shopee 商品頁 | ★★☆☆ |
讓作品集加分的要點
- 部署到線上可以直接看（Vercel、GitHub Pages）
- README 寫清楚：做了什麼、用什麼技術、遇到什麼挑戰
- 使用 TypeScript（顯示你的程式碼嚴謹度）
- 響應式設計（手機版要能用）
避免： 只交 Todo App、作品沒有部署只有 GitHub 連結、同一模板做五個、複製貼上教學的程式。
面試前需要準備什麼？
技術面試準備
基礎必考題（一定要會）：
- JavaScript 閉包（Closure）、this 指向、事件冒泡
- CSS Flexbox vs Grid 的使用場景
- HTTP 請求方法（GET/POST/PUT/DELETE）
- React 的 useState、useEffect 生命週期
演算法（初級即可）：
- 陣列操作（map、filter、reduce）
- 字串處理
- 基本排序概念
- LeetCode Easy 等級題目（能解 70% 就夠了）
行為面試準備
- 準備 1–2 個「遇到困難如何解決」的故事
- 說清楚為何轉職，展現主動學習的態度
- 對公司的技術棧有基本了解（看職缺描述）
- 準備問面試官的問題（不能什麼都不問）
求職資源
- 104 人力銀行：台灣職缺最多
- Cakeresume：工程師族群常用，作品集展示佳
- LinkedIn：外商、新創公司主要招募管道
- PTT Soft_Job 版：台灣工程師薪資透明度最高的地方