前端工程師專業技術養成班
104學習
前端
主要負責網站或應用程式的使用者介面設計與開發，確保畫面美觀且操作流暢。需要熟悉HTML、CSS和JavaScript等技術，並能與設計師及後端工程師密切合作，提升使用者體驗。具備響應式設計能力，能適應不同裝置尺寸，提升網站在手機和平板上的表現。此技能在數位轉型與網路服務盛行的時代，需求持續成長，對產品的市場競爭力至關重要。
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
AI助理GitHub Copilot | 提升前端開發效率
Let’s Vue! 前端開發入門到實戰
成為前端工程師｜jQuery 入門密技，愉快打造互動式網頁不求人
AI工程師必學！用Streamlit打造 Python Web應用程式，零前端經驗也能上手！
成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
AI為你的企業賦能ChatGPT改變傳統工作流程
AI工程師與企業開發必修！FastAPI後端精通：全面入門與進階實戰指南
精選貼文，掌握第一手知識
【海外轉職前端】在菲律賓，從文職人員成功轉職前端工程師
大學畢業後，Sophie 前往菲律賓工作，擔任文職人員長達五年。在即將邁入三十之際，決心學習一門專業技能，避免被時代淘汰。在職學習歷時一年，終於成功在菲律賓轉職前端工程師，讓我們一起來聽聽她是怎麼辦到的吧！
📌 從菲律賓工作開始
Sophie 大學畢業後，獨自前往菲律賓求職，在當地的語言學校擔任駐菲文職人員，一待就是五年。眼看三十歲即將到來，Sophie 開始思考自己的職涯規劃，在這個快速變化的職場環境中，她開始擔心自己的專業能力會不會被時代淘汰。
剛好這時候，朋友成功轉職前端工程師，Sophie 在了解過後覺得可以試試看，雖然大學的時候有稍微接觸過程式設計，但其實不太熟悉。
在朋友的推薦下，先看了六角在 YouTube 的免費課程，逐漸了解轉職前端工程師需要準備的知識技能，規劃了自己的學習計畫。
📌 學習歷程
因為在國外工作，無法選擇線下實體教學，Sophie 在選擇課程的時候，就先以預錄好的線上影音課程為主。但預錄的課程有個缺點 —— 遇到問題時無法馬上得到解答，這時候六角的直播課程吸引了 Sophie，她覺得這種學習方式，更有系統、即時互動性更高、更專注，於是選擇加入了切版直播班。
💡
Sophie 的學習路線是：
切版直播班 > JavaScript 直播班 > Vue.js 直播班。每天花 1~2 個小時學習、做作業，遇到問題的時候，也會搭配 AI 工具解答，一年下來能看到明顯的進步。
在六角的直播班除了每週一次的線上課程，其他時間就照著老師的作業，安排自己學習進度。除此之外，她特別強調「分組學習真的很棒，能跟組員一起討論真的很有幫助！」跟組員之間互助學習，遇到不會的地方會向他們請教，看到組員們進步，也會激勵自己要快跟上，這些互動不僅促進學習，也培養了團隊精神。
📌 求職歷程：轉職第一份工作，先求累積經驗
在 Vue 直播班 結業後，Sophie 開始在華人工作網投遞履歷，他也提到「履歷一定要老實寫，別想著過度美化。」因為面試時，很多主管會問你為什麼想轉職，這時候直說想學一技之長。其實主管都知道你是培訓班出來的新鮮人，所以通常對你會蠻友善的。
另外，剛開始找工作，別太挑，重點是先累積經驗。Sophie 運氣很好，遇到的同事都很 nice，會輪流帶新人，她說：「這真的很重要，因為聽說有些公司對新人超兇的，可能就會消耗你的自信心。」
📌 最喜歡六角的…
最喜歡每週一次的助教解答時間，平常練習時遇到的問題，可以先記下來，到了每週固定時間就在 Discord 上一次問個夠，這種即時互動的方式，吸收效果會更好。
另外也會參加每個月的「大神來六角」，聽聽看業界講師的經驗分享，總能學到不少東西。
在海外上課難免會覺得有點孤單，不過，可能因為六角是南部的機構，我自己又剛好是南部人，總感覺特別親切，那時候雖然人在國外，但還是很依賴六角提供的學習資源，感覺就像有個溫暖的後盾一樣。
📌 給學弟妹的話
開始了就不要放棄，不管遇到什麼困難，堅持下去，自己就是贏家。
說實在的，都 30 歲了還轉職，說不怕騙人，我自己也曾掙扎，但想想，不試試看怎麼知道自己行不行？給自己一個不一樣的挑戰，既然選了這條路，就咬牙撐下去吧。
精選 推薦 : CCChen知識圖卡 iPAS AI應用規劃師 初級 08/15 考前複習整理
太佛心了~~
Nabi iPAS 證照講師 CCChen 提供 iPAS AI應用規劃師 初級 08/15 考前複習整理
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
看完整文章 :
https://vocus.cc/article/6a7802ccfd89780001958a20
前端工程師是什麼？薪水怎破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）負責部署、效能優化確保網站運行順暢前端工程師的合作夥伴
轉職前端工程師│工作內容、技能、薪水與職涯發展指南
你是否想過轉職前端工程師，或是想提升技術實力，而能在競爭激烈的職場脫穎而出？無論你是零基礎的學習者，還是正在尋找更明確學習路徑的開發者，這篇文章將幫助你理解前端工程師的核心技能、職涯發展方向，並提供高效的學習策略。透過系統化的學習與實踐，你將能夠更順利地進入前端開發領域，甚至進一步拓展你的職業選擇！
文 /【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']
前端離職交接計畫：軟體專案工作交接及心態準備
做好離職交接是職場專業的表現，尤其在軟體專案中，交接過程不僅影響PM的專案管理，也直接關係到RD能否順利接手執行。本文作者為前端工程師，分享從離職的心態準備到實際工作交接的實用建議，為離職劃下完美句點、與公司好聚好散！
文／林彥成｜前端三分鐘
本文目錄：前端工程師離職交接計畫（點擊可快速前往）
離職心態準備離職前離職準備離職工作交接離職遇過的5個交接鬼故事
離職最重要的事就是對自己的職涯負責，交接是雙方要一起跟專案走到哪裡，著重在接下來PM的專案管理和RD接手執行難易的程度。
談離職，除了心態準備之外，大致上會有3個過程：
離職前
離職準備
離職工作交接
【作者檔案】林彥成，資深前端工程師，網站前後端開發經驗9年。珍貴線上Q&A機會，直擊台積電工程師的真實生活！限時報名>>
離職心態準備
公司成長整體來看會是平均值，對個體來說成長的速度超過平均再正常不過，所以隨時面試和思考何時離職就是一個對自己職涯負責的方式。
能跟有能力的同事共事需要幸運，主管並不是阻礙我們離職的人，應該是職涯往前進步的助力。
交接心態上分成3點：
交接意識
認知落差
立場和回饋
重要的是要有共識，這樣前進的時候方向才會一致。
1. 離職交接意識
最重要的是有意識這件事，必須意識到在未來的某個時刻，任務就會交給你進行，對需要接手的人來說，就是需要創造這樣的意識。
對爬山來說，根據天候、路程、體力要做哪些準備。
對專案來說：
目前遇到了什麼問題？
狀態覺察，理解現在位置在哪裡，處在什麼樣的狀態？
2. 認知落差
資訊上的落差 ⮕ 認知差異
未來的走向是誰決定，接下來的策略走向和計畫？
為什麼會有這樣的功能？
知識上的落差 ⮕ 理解問題
規格、需求、其他文件資源。
開發、測試、跨部門合作流程上了解。
經驗上的落差 ⮕ 吸收和上手速度
整理FAQ文件。
提早把部分工作內容少量多次交給相關同事。
工作能力與基礎知識不同，會有吸收速度上的落差。
關鍵人物理解的落差 ⮕ 溝通成本
會不會找不到流程中常常需要接觸的人？
會不會找不到出問題可以問的人？
3. 立場和回饋
沒辦法用叫的讓人家怎麼做，只能讓大家知道該怎麼做，最後自己願意去做。
交接跟減重一樣只有一種方法有效，只有你願意堅持的那一種。
不知道自己不知道，可是也不會有人知道你不知道。
沒有人應該主動替你著想或是教會你職場上該會的事情。
離職前
離職前讓老闆理解你的職涯發展狀況，一開始就堂堂正正講真的理由。該好好反覆問自己是否在原來的公司沒有辦法得到任何的改善和進步了？
確認自己的計劃，反覆檢視是否需要離職。
提早和同事們、老闆聊聊可能會有想要異動的原因。
成長的速度是否被公司環境影響而變慢了。
離職會造成老闆的困擾會有幾個部分：
員工C/P值太高
接替的下一位難找
訓練的時間成本
延伸閱讀：離職預告期怎麼算？離職免預告、例假日試算等勞基法QA大解析
離職準備
決定要離開之後就提早做好相關準備，怎麼做交接就會怎麼留下自己在公司的印象。
越提早公開相關訊息，交接的時候就可以避免平常上班在逛網拍的同事打擾？大家過往在學校、職場都會遇到雷包隊友，讓透明度全開就可以讓目前專案或是團隊問題有機會顯化，相關公開訊息也可以在操作過程中留下紀錄。
只要把事實攤開來，當大老闆或主管知道後，有眼睛的人其實都會知道問題在哪裡。
最好的狀況是文件交付後，有問題再協助接任者 ⮕ 給對方需要的，對方才會感謝你。
提早讓各種問題透明且交代清楚 ⮕ 有事沒事就寄信、發群組訊息，留下真實的記錄與證據。
照三餐分享工作進度 ⮕ 讓全部有關的人都知道你在做什麼。
讓主管和同事知道：
為什麼你會選擇離職，而你又做了哪些努力
預告接下來的新人會怎麼死，至少知道哪裏有坑，能事先預防或繞路
離職工作交接
軟體專案操作上有3個重點：
地圖全開：不管懂或不懂都讓事實全貌呈現
寄信溝通：副本給想打擾的主管，不然就換主管打擾你
實體交接：好壞都要開會，相關主管務必在場
1. 地圖全開
這段時間的工作不是去理解，而是探索事實的全貌，就像玩世紀帝國遊戲剛開始會在初始建設後就使用速度最快的輕騎兵先把整個地圖跑過一遍，快速確認資源、敵方狀態和相對位置。
工作交接上：
用最快的速度看完專案全貌。
了解對方狀態、資源。
專案目前相對於短期目標完成所在的位置和未來發展的方向。
2. 寄信溝通
心虛的人通常不敢寄信，但建議還是留下證據，有雷被挖坑沒關係，但不需要讓未來整個團隊來背鍋，是之前的問題就該在離開前被顯示出來。
殷素素：「記住，別相信女人，越漂亮的女人越會騙人。」
不可考：「寧可相信世上有鬼，也不要相信男人那張嘴。」
寄信的好處有3點：
等交接時也可以原封不動將相關紀錄再交接
留下相關溝通紀錄，職場上推責任是必備技能，寄信是保護自己也保護部門
較方便將訊息同步給忙碌的高層主管，以前爛專案副本最高有給到副總
3. 實體交接
通常按照文件還是有機會跑不起來，實體的示範就相對重要。趁此機會對齊知識、文件、資源上的落差，像是如果步驟有少、檔案有少就需要快點請對方提供。
如果交接到有專案爛掉的情況，就在公開場合告知大家，並請示主管該如何處理，當然不期待可以修好，但至少讓對方協助在相關的位置補上註解，補註解就比較不會有時間不夠的藉口。
其他形式的交接就自己寫文件請對方確認或是請對方協助補相關說明。
離職遇過的5個交接鬼故事
工作這麼多年來，也交接10幾個專案跟不少同事交手過，底下簡單分享幾個鬼故事：
交接專案檔案有少給的情況，當然可能不小心沒有進版控或是認為這個檔案不需要進版控，所以不要天真單純的以為線上可以跑就可以跑了。
遇過專案會記憶體洩漏，由於伺服器都32G+在使用上並不會頻繁出現，經主管提醒用8G測試機開一整天測試才發現問題。
網頁在特定時段只要開著就會壞掉，這真的要感謝主管提醒，透過掛機也才能發現問題，不然得到說法是QC測過沒問題了。
同事背後被幾個部門抱怨仍沒優化做法，但可能沒有過受適當訓練無法解決問題，正常幾天做好的事拖到2週至1個月，只剩抱怨前任很爛的功能。
沒有任何交接文件，詢問主管時只說人還在直接問就好了。
（原文標題：離職交接計畫：軟體專案（被）交接的心態準備與踩坑鬼故事）
[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']
前端面試問題如何反問？8個了解團隊的關鍵問題
面試是雙向選擇，前端工程師面試也要善用反問問題的機會，了解團隊與公司的工作模式，更深入了解工作細節。本文作者為前端工程師，網站前後端開發經驗逾9年，以自身經驗整理前端面試可以反問的8個問題，有助準備面試與掌握面試主導權。
文／林彥成｜前端三分鐘
本文目錄（點擊可快速前往）
面試前端，你還有什麼問題想問嗎？前端面試可以反問的8個問題前端面試反問1：是否有遇過常改規格的情境？ 工程師會需要如何應對？前端面試反問2：通常是怎麼處理樣式檔？像是BEM或依元件或頁面開檔案放置？前端面試反問3：目前公司有幾位設計，是怎麼合作的？前端面試反問4：請問會需要整合不同的後端嗎？前端面試反問5：專案中有用到哪些設計模式？前端面試反問6：專案的時程會很趕嗎？ 當工程師遇到困難時，會如何協助解決？前端面試反問7：如果有十幾個需求同時開發或是需要轉換框架函式庫，會怎麼進行？前端面試反問8：會在什麼時候決定將共用邏輯抽取出來成為function或是常數？4個問題了解面試官和團隊
在新鮮人階段時，通常不太確定面試可以問什麼或該問什麼，當面試到最後被問起：「你還有什麼問題想問嗎？」又該怎麼回答？
隨著職涯的發展，這個問題終究是回到自身想要成為什麼樣的大人？
對於個人來說，面試的目標是要找到不討厭、別人願意付錢請我們做、我們可能也做得不錯的事情。
面試前端，你還有什麼問題想問嗎？
在面試過程除了被面試其實也在面試團隊跟公司，而一個好的問題可以幫助我們從更多面向去了解這間公司工作樣貌，進而去看看公司有沒有符合想要的職涯目標、工作型態。
扣掉找新人免洗的狀況，大部分的公司都是遇到問題才會徵才，單純擴編的狀況可能並不多，而企業目前的問題很可能是造成前一位員工離職的原因之一。
在轉職時，要怎麼知道接下來是不是想要體驗這樣的職涯環境？或著說工作樣貌是不是自己喜歡的？
【作者檔案】林彥成，資深前端工程師，網站前後端開發經驗9年。珍貴線上Q&A機會，直擊台積電工程師的真實生活！限時報名>>
前端面試可以反問的8個問題
致那些年我踩過的坑，也預祝大家在新的一年填坑大吉。
小編是前端工程師，決定在工作一年左右轉換的原因可以參考小編談談選擇前端的理由這篇文章。
前端通常是在設計、後端都完成後才進行收尾，收尾的同時也在幫規格、設計、後端Debug，所以大家在大聊一波慶祝工作完成的同時，我們會發現只剩前端還在工作。
接下來會從小編當前端工程師過往遭遇的問題和解法反思未來職涯疑問，就讓我們一起看下去。
前端面試遇到的常見地雷
面試遲到讓面試者等
問很多跟工作無關的問題，有女朋友？結婚有小孩了沒？
請我們又多填一份跟104一樣的履歷表
面試沒問太多技術問題都在聊天
很急著壓報到時間，燙手山芋正在快速拋接中
試用期砍薪水，過了還不一定會調整
不過這邊想要特別說明一下，我朋友在面試的時候很誠實跟主管說接下來的目標是交女朋友工作什麼的都是浮雲，而老闆不管在面試時或是面試結束後也給了很多機會，這邊不得不感謝那個問了問題後有協助處理的老闆。
前端面試反問1：是否有遇過常改規格的情境？ 工程師會需要如何應對？
為什麼問這題：常改規格並沒有不好，要看的是有沒有體驗到好的軟體開發流程，目標是確認公司開發流程是不是下一份工作的目標，像是有分測試和正式環境嗎？上版本遇到bug會在什麼時候修？
常依需求修改資料庫Schema或API，每次都要重寫邏輯以及資料庫互動的部分
需要常常顯示不同的統計，可考慮導入GraphQL從Client決定，減少開API的時間
使用Document-Oriented的資料庫，POC階段相對簡單
隕石式開發，主事者看到畫面後覺得還想改就又重來一次
出Mockup或是設計製作不須切版的假畫面流程
出一個Demo用的Prototype（處理關鍵流程，不須注重美觀）讓不熟網頁開發的主事者了解目前的狀況和方向，確認後才進行設計切圖、前端切版、後端開API
前端面試反問2：通常是怎麼處理樣式檔？像是BEM或依元件或頁面開檔案放置？
為什麼問這題：是不是可以在這樣的專案架構下學到東西。
CSS選擇器和規則們就像女孩化妝桌上的化妝品們，桌上總是放著各個種類，數也數不清大罐小罐擠的噴的擦的，在沒有預備知識和整理規劃的情況下，若要一個男孩子短時間搞清楚簡直是天方夜譚。
該怎麼透過CSS的架構來優化，可以參考之前小編寫的如何「透過BEM、SMACSS、OOCSS、Atomic CSS 簡化樣式開發流程、減少維護成本」。
撰寫地圖專用的圖層SLD樣式檔（類似XML）超過一萬行
官方有介紹使用CSS的寫法，運用Class共用的特性可讓行數減少
樣式檔沒有寫在元件中，也沒使用預（後）處理器，上千行的樣式檔搜尋「.user-photo」也許有十幾個結果
樣式需要有命名規則（BEM）
導入SCSS
前端面試反問3：目前公司有幾位設計，是怎麼合作的？
為什麼問這題：希望可以看出現在的專案是不是好維護，打聽一下工作流程或是有沒有Design Guideline或使用Zeplin或figma這類工具。
同樣功能的圖片大小長寬比不一
object-fit
background-size: cover
重新切圖
拿到檔名是123543.jpg大小超過10MB
請設計壓縮一下
小於5MB可使用TinyPNG
設計沒有考慮到字數過多的情境，導致上字詞之後與預期狀況不符
overflow: hidden
改設計
前端面試反問4：請問會需要整合不同的後端嗎？
為什麼問這題：評估自己的能力有沒有辦法處理。
會需要串接不同網域的後端
使用Nginx Proxy
改成在後端才打API
後端開放Domain解決CORS
不同API的配置大多不太一樣
Token都移到Cookie，這樣相關的Token會自動送回相關子網域的API
善用客製化後的Axios Instance
前端面試反問5：專案中有用到哪些設計模式？
為什麼問這題：看現在的老闆或是同事是怎麼看待問題或是歷史遺跡。
什麼是Pattern，Pattern就是改善如何去架構程式的方法，主要是讓程式碼能夠在元件間共用。
用Java的概念寫Javascript，有非常多的Prototype的寫法，文件不清楚的情況下，導致實作上每次都需要追本溯源的看，考驗搜尋或是編輯器的能力。
使用Component-Base的函式庫或框架，並建立故事書。
善用設計模式，React常見的Component Pattern就是HOC或是Render Props。
前端面試反問6：專案的時程會很趕嗎？ 當工程師遇到困難時，會如何協助解決？
為什麼問這題：如果老闆只剩下壓時程的功能，那是不是我們用個鬧鐘或是Google Calendar就好了？
主管可能不懂前端並無解決問題或協調資源的能力，只剩壓時程及提出需要限時解決。
提早尋求同事協助，並看價值觀是否願意加班解決。
時間給的不夠屬於管理上的問題，無法靠溝通解決就盡快重新找工作。
前端面試反問7：如果有十幾個需求同時開發或是需要轉換框架函式庫，會怎麼進行？
為什麼問這題：要看的是與歷史共業的生存法則與態度。
不同的產業別都會有歷史的包袱（Workaround），可能還是會用一些比較舊的東西。
除了東西較舊也可能遇到專案架構及程式混亂，這有點像是煉蠱的過程，看最後誰會生存下來。
專案在後期才考慮要加入i18n或伺服器渲染
React本身是一套過於單純的函式庫，容易且戰且走疊床架屋，建議可以參考 Next.js Repo中的Example
趕時程但又好又快又便宜無法共存，專案中可能滿滿的Workaround，像資料來源用Google Sheet
留下 // TODO: 及未來可改善方向
同樣一種功能有多種寫法或是Deprecated的寫法。
討論用哪種方法好，有時間就盡快合併，讓程式碼更好維護
尋找Deprecated寫法的替代方案
前端面試反問8：會在什麼時候決定將共用邏輯抽取出來成為function或是常數？
為什麼問這題：炫技跟過度結構化並不會讓專案變得更健康。
一層又一層的HOC封裝：HOC像是一個工廠，把原來的元件變身或加強，所以不建議包太多層。
過度或是過早的結構化，很簡單的功能卻太早預想會變成大專案
這裡有兩個觀念想要分享給大家，YAGNI和RUDT：
YAGNI（You Ain’t Gonna Need It.）
真的需要使用XX模式嗎？
真的需要拆分成小元件嗎？
真的需要切成一堆小介面和抽象類別嗎？
RUDT
Read：最短的時間、最少的檔案
Update：CRUD features時可以用最小成本去改
Debug：菜鳥工程師也可以很快找到根本問題
Test：問題、結果都可以容易被複製被測試（資料面像是抽獎時該怎麼辦？）
4個問題了解面試官和團隊
同場加映4個問題，來自Medium的what questions should you ask the interviewers。
問題1：您的工作一天大概是怎麼過的？
這題是開放式的問題，目標是希望可以聽到一些工作型態。
有些面試官可能會說公司通常是早上8點半上班到晚上6點，有些面試官可能會說我們公司跑Scrum每天早上會有站會，偶而晚上會跟其他國家同事開會。
藉由這個問題，你大概就能夠了解如果進入這間公司，你大概會過怎麼樣的生活。
延伸的問題可能會是趁機問一下加班、出差的頻率，或是任何你對工作型態的好奇。
問題2：最喜歡和最不喜歡這個團隊或公司的地方是什麼？
第一個部分通常是簡單的，但其實真正有趣的會是第二個部分。
面試官通常在有HR的場合會講不出來，甚至只會模糊的打官腔，可能會有面試官回答說，我不太喜歡頻率太高的會議或是一直在不同的產品中轉換。
最主要的目的是，透過這些回答，我們可以去延伸一些後面的問題，甚至我們可以只是單純再問說哇那到底是有多討厭多不喜歡，即便我們不會得到直接的答案或是他們真的不喜歡的地方，但我們仍舊能從這些回答中得到些蛛絲馬跡和感受，也許這些感受剛好也會是你在意的。
問題3：這個團隊接下來的目標是什麼？
這個問題很適合問團隊主管，至少在決定加入這間公司前，可以知道自己未來2到3年大概能有什麼樣的成長。
這個問題可以幫助我們了解這個團隊是否在成長中，若是正在成長是不是有一個規劃好的計畫藍圖？如果是的話，就可以評估我們的戰力是否可以協助公司推進。
那如果是一個穩定的團隊，只是做一些日常維護的工作，那該問自己的問題可能會是這是我們這個階段想要追求的嗎？
問題4：請問您通常都是怎麼帶領團隊？
主管的帶領風格會對你接下來工作的成就和快樂有非常大的影響，藉由這個問題，你也許可以知道主管的管理程度，也許有些會說他們做微管理，有些也許會說只需要你一周寫一次週報。
從回答中，你可以判斷這個主管的個性是不是適合你，提早了解這些層面會比進去之後後悔要來的更好。
（原文標題：面試前端，你還有什麼問題想問嗎）
[joblist_plugin title='更多104【前端工程】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB' amount='3']
前端工程師多非本科生？說人話、懂人性，決定你的本事
【快閃活動】上傳你的追蹤、留言截圖，有機會抽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 【百工大吉】兒時玩伴離世，街頭藝人感動創作 街頭藝人基本功：技能、特質、實驗、外語、理財
學習 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
前端和後端工程師的差別？工作內容、技巧、工作機會等分析
網站和應用程式開發的過程中，前端工程師和後端工程師各自扮演著至關重要的角色。前端工程師負責使用者直接接觸的部分，包括網站的外觀和互動設計；後端工程師則專注於伺服器端的邏輯與數據處理。了解這兩者之間的主要差異，不僅有助於提升開發效率，還能確保最終產品的性能和使用者體驗達到最佳。本文將深入探討這兩個關鍵角色的職責、技術及合作方式，幫助你更好地理解網站開發的全貌。
▍前端工程師
1. 工作範圍：
- 前端工程師負責開發使用者直接接觸和互動的部分，也就是網站或應用程式的前端界面。這包括網站的外觀、結構、排版和互動功能。
2. 使用技術：
- 主要使用 HTML、CSS （中階）和 JavaScript （中階）等技術來設計來架設網站。
- 使用各種前端框架和工具，如 React.js（高階）、Angular.js、Vue.js 等，以提高開發效率和界面性能。
3. 關注點：
- 前端工程師特別注重使用者體驗（UX）和使用者介面設計（UI），確保網站或應用程式在各種設備和瀏覽器中顯示一致且友好。
- 他們負責優化網頁載入速度，確保網站的響應性和易用性。
▍後端工程師
1. 工作範圍：
- 後端工程師負責開發和維護網站或應用程式的伺服器端邏輯，包括數據庫管理、伺服器配置、應用程式的業務邏輯以及 API 的開發。
2. 使用技術：
- 後端工程師通常使用如 Python、Java、Ruby、PHP 等後端程式語言來編寫伺服器端代碼。
- 他們也需了解和操作數據庫技術，如 MySQL、PostgreSQL、MongoDB 等，來管理和操作數據。
3. 關注點：
- 後端工程師的主要關注點在於數據的處理、安全性和應用程式的穩定性。他們確保網站或應用程式能夠有效地處理大量請求並保持良好的性能。
- 他們還負責設計和維護 API，以便前端和後端能夠有效地溝通。
▍合作與交集
前端和後端工程師需要密切合作，確保網站或應用程式的整體功能和性能達到預期標準。前端工程師負責確保使用者能夠順利地使用網站或應用程式，而後端工程師則確保所有數據處理和邏輯運算在伺服器端正常運行，兩者相輔相成。
▍前端工程師
工作機會點這裡>>>
[https://www.104.com.tw/jobs/search/?keyword=前端工程師](https://www.104.com.tw/jobs/search/?keyword=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB)
▍後端工程師
工作機會點這裡>>>
[https://www.104.com.tw/jobs/search/?keyword=後端工程師](https://www.104.com.tw/jobs/search/?keyword=%E5%BE%8C%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB)
【免費直播最後名額】還在猶豫該不該轉職前端工程師，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
軟體工程師如何談薪水？前端工程師分享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']
前端工程師在 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趨勢報－科技愛好者的產地】獲得更多科技新知！
有任何收穫或想分享的，都來和大家一起聊聊吧！