104學習

Angular

這項技能是由Google維護的前端框架,主要用來建置動態且互動豐富的單頁應用程式(SPA)。具備此技能代表你能有效開發結構化且易維護的網頁介面,提高使用者體驗與效能。在台灣的軟體業尤其熱門,許多新創及大型企業都在專案中採用,對於前端工程師或全端工程師來說,是加分且具競爭力的技能。掌握它能加速開發流程,並提升團隊協作效率,對職涯發展相當有幫助。

796 個相關職缺

提升你的實力,朝專業更進一步

精選課程

充實自己,讓能力持續成長

成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (下集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (下集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (上集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (上集)
Let’s Vue! 前端開發入門到實戰
Let’s Vue! 前端開發入門到實戰
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
掌握Claude Code從零打造企業級全端開發應用實戰班
掌握Claude Code從零打造企業級全端開發應用實戰班
RWD響應式網頁設計入門
RWD響應式網頁設計入門
工程師救星-用Bootstrap速成響應式網頁開發
工程師救星-用Bootstrap速成響應式網頁開發
前端工程師專業技術養成班
前端工程師專業技術養成班
數位自動化團隊協作攻略|Power Automate整合應用
數位自動化團隊協作攻略|Power Automate整合應用
Agile 敏捷開發方法
Agile 敏捷開發方法

精選證照

考取專業證照,讓能力被市場看見

Google專業資料工程師認證 |
專業資料工程師透過收集、轉換和發布資料來實現以資料所驅動的決策。資料工程師應該能夠設計、建置、操作、保護和監控資料處理系統,並且特別注重安全性和合規性、可延伸性和效率、可靠度與真實度、以及靈活性和可轉移性。資料工程師也必須能夠利用、部署和持續訓練現有的機器學習模型。
Google
SSE User Interface Design國際認證 |
隨著網際網路興起與智慧型手機的出現,人與機器的互動方式一直在不斷的變動。也因為許多企業對於使用者體驗與介面的重視,介面設計相關的人才需求越來越多,平均薪資高也高於其他設計人才,許多人也開始想要轉職為介面設計師。 SSE User Interface Design國際認證針對目前這股潮流趨勢,為求職者與求才者所建構的一項測驗檢定,通過測驗,代表你已具備UI視覺設計的必備技術,將能在UI視覺製作方面獨立工作,並且能與程式設計師協同完成大型UI建置的能力。
Silicon Stone Education (SSE)
網頁設計規劃師 |
學習如何網站建置以及網頁設計等服務功能。所見即所得的網站管理後台、並做好維護更新。網路廣告行銷管理以及SEO知識應用層面,提供您在網路整合行銷上提供更好服務。
TIPCI臺灣國際專業認證學會
SCP |
SCP(Salesforce Certified Platform Developer)證照專為具備Salesforce平台開發能力的專業人士設計,涵蓋Apex程式設計、Visualforce頁面建置及Lightning元件開發,強調自訂應用程式的設計與實作能力。持有此證照代表具備優化業務流程、整合資料及擴充平台功能的專業技能,能有效提升企業資訊系統的靈活性與效率,適合從事Salesforce開發、系統整合及技術顧問等職務。
尚未查核發照單位
IT Expert-網路資訊+網路規劃設計專業人員 |
IT Expert-網路資訊+網路規劃設計專業人員證照專為具備網路架構設計、管理與維護能力的專業人才設計,涵蓋網路通訊協定、路由交換技術、防火牆設定及安全管理等核心技能,能有效規劃企業網路環境並確保系統穩定運作,適合從事資訊系統規劃、網路工程及資安防護等相關工作,提升職場競爭力。
經濟部ITE資訊人員鑑定
進階軟體設計專業人員 |
進階軟體設計專業人員證照旨在驗證持有人具備高階軟體設計與開發能力,涵蓋系統分析、架構設計、程式撰寫及測試等關鍵技術。持證者能有效運用物件導向設計原則及軟體工程方法,解決複雜問題並提升軟體品質與維護性,適用於大型專案開發與團隊協作,提升職場競爭力與專業價值。
財團法人中華民國電腦技能基金會

精選貼文,掌握第一手知識

前端/後端/全端工程師的必備工具與證照有哪些?相關懶人包整理

前端工程師需要掌握的技能和專業涵蓋了多個方面,包括基礎的網頁開發知識( HTML、CSS 和 JavaScript)、前端框架( React.js、Vue.js 和 Angular..等)、以及與團隊合作的工具等。以下是前端工程師的必備技能清單: 前端工程師 必備工具: ⭕ HTML/CSS/JavaScript: 這三者是前端開發的基礎技能,用於設計和構建網站的視覺層。 ⭕ React、Vue 或 Angular: 主流前端框架,幫助開發者更有效率地構建交互式網頁應用。 ⭕ Git: 版本控制工具,幫助團隊協作並管理代碼變更。 ⭕ Webpack、Parcel: 模組打包工具,優化前端資源的加載和編譯。 ⭕ Figma、Sketch、Adobe XD: 設計工具,與設計師溝通並將設計轉換成實際前端代碼。 推薦證照: ⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發,Azure的證書會讓你對雲端部署有更深的理解。 ⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。 ⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發,涵蓋網頁開發的核心技能。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 後端工程師 必備工具: ⚡ SQL(PostgreSQL、MySQL)及 NoSQL(MongoDB): 數據庫管理技能是後端工程師的核心能力之一。 ⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。 ⚡ Docker、Kubernetes: 容器化技術和編排工具,用於構建、測試和部署應用程序。 ⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。 ⚡ CI/CD 工具: 自動化流程,確保代碼更快更安全地進入生產環境。 推薦證照: ⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。 ⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台,這是不可錯過的證書。 ⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。 全端工程師 必備工具: 🔵 HTML/CSS/JavaScript + React/Vue/Angular: 熟悉前端開發工具與框架,確保網頁的視覺與交互效果。 🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架,用於建立伺服器端邏輯。 🔵 Git、GitHub: 版本控制與協作工具,用於管理全端工程中的代碼。 🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用,確保端到端流程的流暢運行。 🔵 GraphQL、RESTful APIs: 掌握API設計,讓前後端溝通順暢。 推薦證照: 🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。 🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證,涵蓋從前端到後端的各項技能。 🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud,這張證書能幫助掌握雲端環境下的全端開發技能。 工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發,選擇合適的工具、掌握相關技能並考取相關證書,都是提升專業能力和職業發展的關鍵。保持學習的動力,不斷提升自我,是在快速變化的技術領域中保持競爭力的必備條件。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 1234
韓培倫・peiRoom

前端/後端/全端工程師的必備工具與證照有哪些?相關懶人包整理

前端工程師需要掌握的技能和專業涵蓋了多個方面,包括基礎的網頁開發知識( HTML、CSS 和 Java Script)、前端框架( React.js、Vue.js 和 Angular..等)、以及與團隊合作的工具等。以下是前端工程師的必備技能清單: 前端工程師 必備工具: ⭕ HTML/CSS/Java Script: 這三者是前端開發的基礎技能,用於設計和構建網站的視覺層。 ⭕ React、Vue 或 Angular: 主流前端框架,幫助開發者更有效率地構建交互式網頁應用。 ⭕ Git: 版本控制工具,幫助團隊協作並管理代碼變更。 ⭕ Webpack、Parcel: 模組打包工具,優化前端資源的加載和編譯。 ⭕ Figma、Sketch、Adobe XD: 設計工具,與設計師溝通並將設計轉換成實際前端代碼。 推薦證照: ⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發,Azure的證書會讓你對雲端部署有更深的理解。 ⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。 ⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發,涵蓋網頁開發的核心技能。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc 成為前端工程師|Java Script 入門:帶你逐步培養網頁開發技能 https://nabi.104.com.tw/course/tibame/9e6b7b79-2849-4f24-80ef-a620b94471a5 第一次就上手,前端工程新手指南 https://nabi.104.com.tw/course/tibame/6e43b10e-45e7-40e2-92c0-1b4d6aeb955c 後端工程師 必備工具: ⚡ SQL(PostgreSQL、MySQL)及 NoSQL(MongoDB): 數據庫管理技能是後端工程師的核心能力之一。 ⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。 ⚡ Docker、Kubernetes: 容器化技術和編排工具,用於構建、測試和部署應用程序。 ⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。 ⚡ CI/CD 工具: 自動化流程,確保代碼更快更安全地進入生產環境。 推薦證照: ⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。 ⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台,這是不可錯過的證書。 ⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。 推薦課程: 成為後端工程師 | 踏上程式起點,逐步掌握 Java 語言特性與物件導向程式設計 https://nabi.104.com.tw/course/tibame/c24de9ca-27e6-46cb-80f4-9d7b27d9ca47 全端工程師 必備工具: 🔵 HTML/CSS/Java Script + React/Vue/Angular: 熟悉前端開發工具與框架,確保網頁的視覺與交互效果。 🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架,用於建立伺服器端邏輯。 🔵 Git、GitHub: 版本控制與協作工具,用於管理全端工程中的代碼。 🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用,確保端到端流程的流暢運行。 🔵 GraphQL、RESTful APIs: 掌握API設計,讓前後端溝通順暢。 推薦證照: 🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。 🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證,涵蓋從前端到後端的各項技能。 🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud,這張證書能幫助掌握雲端環境下的全端開發技能。 工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發,選擇合適的工具、掌握相關技能並考取相關證書,都是提升專業能力和職業發展的關鍵。保持學習的動力,不斷提升自我,是在快速變化的技術領域中保持競爭力的必備條件。
104學習・職涯學習課程專文推薦

「接案作品集」怎麼準備?6大要素及不同客戶應對技巧

對自由接案工作者來說,「作品集」往往比履歷更能展現你的專業度與價值。一份好的接案作品集該怎麼準備?作者為軟體工作者,分享好作品集的6大必備要素,並用自身經驗解析技術型、設計導向、非技術型與綜合型客戶的關心重點,幫你打造更有說服力的作品集。本文節錄自《不想上班的勇氣:軟體工作者的第一本接案指南》。 文/陳泰銘(Taiming) 本文目錄(點擊可快速前往) 為什麼需要準備接案作品集?接案作品集準備方向:依照不同接案類型、客戶來調整好的作品集應該具備的6大要素沒有作品集怎麼辦?最好平時就累積Side Project 為什麼需要準備接案作品集? 作品集是接案者的「敲門磚」,能夠幫助潛在客戶快速了解你的能力、風格和經驗。有時候,你的作品集甚至比你的履歷還重要,因為它是最直觀的證明,展示你的專業度和價值。 客戶沒有時間細聊,先看作品決定是否聯繫你 比起履歷,作品集更能說明你的實力 客戶更信任有實際案例的接案者 降低溝通成本,幫助客戶確定風格與需求 讓你在競爭者中脫穎而出 當你在社群平台或論壇上看到有人發問:「有人可以幫我做插畫設計嗎?」如果你只是留言「我可以做」,很容易淹沒在眾多回覆中,客戶也不會特別關注你。但如果你直接附上作品集連結,讓對方點進去就能看到你的實力,成功機率就會大幅提升。這樣的方式不僅能讓你在競爭中脫穎而出,也能迅速抓住客戶的注意力。 接案作品集準備方向:依照不同接案類型、客戶來調整 一開始瞄準方向很重要,因為不同類型的客戶關心的重點不同,你的作品集應該根據你的目標市場來調整。例如: 技術型客戶:展示程式碼品質與技術細節 當你的目標客戶是開發公司或技術團隊時,他們更關心你的技術能力,而不只是表面的作品展示。例如,當一間軟體公司正在尋找後端開發者時,他們不會單純看UI設計,而是會評估你的程式碼品質、架構設計與API文檔。如果你的作品集包含GitHub專案連結、技術架構解析、程式碼片段或效能優化案例,將更能說服這類客戶,讓他們相信你具備專業的開發能力。 非技術型客戶:強調成果與商業價值 當你的客戶是中小企業或個人創業者時,他們通常不懂技術細節,而是關心你的工作能否為他們帶來實際價值。例如,一位餐飲業老闆希望建立線上訂餐系統,但他不懂技術,對「技術堆疊」也沒有興趣。他想知道的是這個系統能否提升業績、減少人工成本、讓顧客更方便。因此,針對這類客戶,你的作品集應該側重於案例說明,包含專案背景、解決的問題、最終成果與數據,例如「這個網站讓客戶下單率提升30%」,而不是單純列出技術細節。 設計導向的客戶:重視視覺呈現與品牌一致性 當你的客戶是品牌商、電商品牌或行銷團隊時,他們關心的是視覺美感與風格統一性,而不是技術實作的細節。例如,一位服飾品牌老闆希望找人設計一組社群貼文模板,他不會關心這些設計是用Photoshop還是Figma製作的,而是想知道你的設計是否符合品牌形象,能否吸引目標受眾。因此,你的作品集應該著重展示設計風格,提供高品質的圖片、完整的設計概念,並附Behance、Dribbble或Figma連結,讓客戶能夠直觀地評估你的視覺風格是否符合需求。 綜合型客戶:需要靈活調整作品集內容 有些客戶的需求涉及多個面向,例如,一家新創公司希望開發一款APP,他們既關心UI設計,也重視技術架構與開發能力。在這種情況下,若你的作品集過於單一,可能無法完整展現你的能力。最佳做法是針對不同領域準備不同版本的作品集,例如一份專注於UI/UX設計,另一份則強調技術架構與開發過程,這樣才能根據不同客戶的需求靈活調整,確保你的作品集能夠精準打動對方。 因此,一開始要明確你的目標客戶,這樣作品集才能精準打動對方,而不會顯得雜亂或無法吸引適合的機會。 好的作品集應該具備的6大要素 一份優秀的作品集,不只是展示你的能力,更應該幫助潛在客戶快速理解你的價值,並建立信任感。以下是作品集應該具備的關鍵要素: 1. 清楚的自我介紹與專業定位 你的作品集應該開門見山地說明你的專業領域,例如「專注於SaaS產品開發的全端工程師」或「專精品牌識別與UI設計的視覺設計師」,讓客戶一眼就能理解你的核心技能與市場定位。 2. 精選案例,而非堆砌大量作品 作品集不應該只是單純堆放所有作品,而是要精選最具代表性的案例,並確保這些案例與你的目標市場匹配。例如,如果你主要服務科技新創,那麼展示SaaS產品設計或開發案例會比一般電商網站更具說服力。 3. 案例背景與解決方案 單純的圖片或程式碼展示不足以吸引客戶,你應該為每個案例補充背景資訊,例如:「這是為某家新創公司開發的會員系統,目標是提升用戶留存率」,然後說明你的解決方案與貢獻,例如:「透過重新設計UI/UX,讓註冊轉換率提升20%。」這樣的敘述能讓客戶更容易理解你的價值。 4. 數據與成果驗證 如果可以的話,加入量化數據來證明你的工作成效,例如「重新設計後的網站,跳出率降低25%」、「API優化後,請求速度提升40%」,這樣的數據能讓你的作品更具說服力,提升客戶的信任度。 5. 直覺且專業的視覺呈現 作品集的排版應該簡潔清晰,避免雜亂無章的內容堆砌。如果你是設計師,這本身就是對你美感能力的考驗;如果你是工程師,也應該讓專案展示清晰易讀,像是使用卡片式設計來分類案例,或提供 GitHub 連結搭配摘要說明。 6. 聯絡方式與行動呼籲(CTA) 無論作品集是網站、PDF還是簡單的Notion頁面,都應該明確提供聯絡方式,例如Email、LinkedIn、或接案平台連結。此外,可以加上一些行動呼籲,例如「有興趣合作嗎?歡迎來信討論!」,讓客戶知道下一步該怎麼與你聯繫。 透過以上這些要素,你的作品集不僅能夠有效展示你的專業能力,也能提升轉換率,讓潛在客戶更容易做出決策,進而提高你的接案成功機會。 沒有作品集怎麼辦?最好平時就累積Side Project 其實,比起事到臨頭才急著找作品集,最有效的方法是平時就主動累積Side Project。不論是為了解決某個小問題、實現自己的點子,還是純粹為了學習新技術,只要能完成、有成果可展示,就能成為你的實戰證明。 Side Project不需要商業化,也不必太龐大,關鍵是能展現你的能力與風格。這些專案可以放在你的個人網站、GitHub、Behance、Notion或Medium等平台,讓潛在客戶在搜尋你的名字時就能看到。 以下是一些常見的發想與執行管道: 解決自己的痛點:把日常遇到的問題變成產品,例如排程工具、記帳App、小型自動化腳本等。 模仿與改造:挑一個你喜歡的網站或應用,試著重製、優化或加入新功能。 開源貢獻:參與GitHub上的開源專案,累積實戰經驗與人脈。 挑戰題目平台:參加如Frontend Mentor、Dribbble Weekly Warm-up、Kaggle等主題挑戰。 幫朋友或社群做東西:主動幫朋友設計海報、開發活動報名網站、製作社群 BOT 等。 紀錄學習歷程:把你學會的新技術或解法整理成部落格、教學影片或Notion範本。Side Project的價值,不只是讓你練功,更是你與客戶溝通時最有說服力的「非商業作品集」。尤其在你還沒太多實戰經驗時,它們能說明你的主動性、邏輯思維、執行力與品味。 節錄自:博碩《不想上班的勇氣:軟體工作者的第一本接案指南》/陳泰銘(Taiming) 著 獨家課程推薦:【設計師接案必修課】從作品集到報價,系統化讓專業變現 [joblist_plugin title='更多104【軟體工程類 接案】工作機會' url='https://www.104.com.tw/jobs/search/?jobcat=2007001000&mode=s&page=1&ro=2&keyword=%E6%8E%A5%E6%A1%88&order=15' amount='4'] 更多【自由接案】分享: 上班族也掀「斜槓兼職」熱潮!高薪兼職時薪破千,兼職工作機會懶人包 接案族該如何報稅?一文搞懂「接案外包」的報稅技巧,趕快收藏! 設計接案合約必備5大要素!保護權益必知,終結客戶鬼打牆 接案報價不是憑感覺!給新手的基礎報價公式參考 2025 最完整免費接案平台、接案社群總整理(附設計、行銷外包接案工作機會)
【104職場力】・UX

零經驗小編跨域轉職產品設計師,撥開產品迷霧 ,看透user痛點

產品設計師、UIUX設計師、視覺設計師,傻傻分不清?!沒有設計師經驗的採訪編輯透過自學也能轉型成為產品設計師!這一集,跟著資深產品設計師Kinny一次搞懂各種設計師的精髓和差異。其中,產品設計師可視為UIXI設計師和視覺設計師的進階職務,光有設計美感還不夠,還要擅長溝通,看透user的痛點,擬定產品策略,讓抽象的概念具體化。 【Pocket Casts這裡聽】  【MixerBox這裡聽】 【本集來賓】Kinny Lai 賴沼彣,104人力銀行設計處平台體驗設計部經理,帶領8位產品設計師,團隊負責104逾20個產品設計。曾擔任視覺設計師、UI設計師,現為產品設計師。 【本集重點】04:33 非典型設計師職涯,網路小編也能當設計師?05:38 視覺設計師重「好看」,產品設計師重「好用」08:15 產品設計師是UI、UX進階職類13:11 網路產品設計師,一條龍前中後都要兼顧。開發前,使用者研究,對齊公司產品與目標15:40 開發中:梳理資訊架構、內容結構,其次是視覺設計、符合品牌調性16:24 上線後才是挑戰,驗證,了解使用者反饋。17:40 前期最困難,溝通最花心力與時間,把模糊需求具體化23:17 具備跨單位溝通能力,產品設計師是橋樑 ▍ 開箱更多職務,你別錯過EP466【百工大吉】工程師斜桿自媒體,月增六千零用金。工作療癒系po文,圈粉超自然 EP434 【百工大吉】前端工程師多非本科生? 說人話、懂人性,決定你的本事 EP427 【百工大吉】開箱show girl (上):技能篇。選腦子!3C產品主持展示,上場前,先考試
【104職場力】・職涯規劃

如何成為後端工程師?精準掌握必備核心技能&職涯精進攻略

你是否想轉職成為後端工程師,打造更穩定、具成長性的技術職涯?無論你是剛開始學習程式語言的新手,或正在尋找明確學習方向的職場工作者,這份後端學習地圖將幫助你掌握後端工程的核心技能、實戰經驗與職涯發展路徑。透過系統化的學習規劃與專案實作,你將更有信心地踏入後端領域,成為職場中真正被需要的技術人才。 文 /【104學習精靈】 本文目錄(點擊可快速前往) 後端工程師是什麼?和前端、全端工程師有什麼不同與優勢之處?掌握後端工程師的核心能力:必備工具技能 x 學習路徑 x 軟技能轉職後端工程師的學習策略後端工程師薪資行情與職涯發展後端工程師的挑戰與機會 後端工程師是什麼?和前端、全端工程師有什麼不同與優勢之處? 🎯 後端工程師工作內容 後端工程師(Backend Engineer)主要負責伺服器端的邏輯開發,包括資料庫管理、API 設計、伺服器架構以及系統效能優化。他們確保前端應用程式能夠順利與後端系統交互,並提供穩定的數據與服務。 🎯相近職類比較:DevOps、全端、前端、後端工程師差別 職位主要負責技術負責範圍後端工程師(Backend Engineer)伺服器架構、API 設計與串接、資料庫管理、效能優化負責後端邏輯、數據清理,確保前端能夠存取正確的資料前端工程師(Frontend Engineer)HTML、CSS、JavaScript、React、Vue負責 UI/UX 設計,開發與使用者互動的前端界面全端工程師(Full Stack Engineer)前端 + 後端技術能獨立開發完整應用,涵蓋 UI、後端 API、資料庫管理DevOps 工程師(DevOps Engineer)Docker、Kubernetes、CI/CD、自動化部署負責開發與運行環境的部署、監控與維護,提升開發效率 🎯 為什麼選擇後端開發? 後端開發是資訊產業中穩定且高度需求的領域,適合對邏輯、架構、系統思維有興趣的學習者投入: 就業市場穩定成長:隨著數位化轉型普及,後端開發職缺在各行各業皆有需求,從新創到大型企業都有穩定徵才。 強調邏輯與架構設計:後端工程著重資料儲存、伺服器溝通、API 設計等,適合喜歡系統設計與架構思考的人。 職涯彈性大:從初階後端工程師到系統架構師,甚至 DevOps、SRE、資安領域都有後續延伸路徑。 遠端與自由接案機會多:後端開發技能通用性高,較容易接國際案或轉為遠距工作者。 AI 與資料應用的基礎:資料庫管理、API 串接、運算效能等能力,也可延伸應用至 AI 系統部署或資料工程等新興領域。 🎯 誰適合轉職後端工程師? 後端開發適合各類背景者,關鍵在於邏輯思維、學習動機與持續投入: ✅ 設計/前端背景:具備良好使用者體驗與前端邏輯,轉後端可成為 Full-Stack 工程師,提升職涯彈性。 ✅ 商管背景:邏輯能力佳且理解商業流程,適合轉後端結合業務邏輯,強化企業系統開發應用。 ✅ 理工背景(如物理、數學):邏輯與抽象能力強,容易掌握資料結構與演算法,是進入後端的優勢群體。 ✅ 非資訊領域自學者:只要有堅強動機與自律力,透過系統性訓練與專題實作亦能成功轉職。 ✅ 現職 IT 工程師(如測試、維運):已具備技術背景,轉入開發領域有明顯加速效益。 ✅ 資料分析師:熟悉資料處理與 Python,轉向後端可擴展資料處理與系統部署的完整技能鏈。 掌握後端工程師的核心能力:必備工具技能 x 學習路徑 x 軟技能 🧭 後端工程師技能、工具分類表 語言與工具資料處理與資料庫API 設計與架構DevOps 與部署基礎Python / JavaScript / Java / GoGit / GitHub / GitLabSQL(PostgreSQL / MySQL)資料庫基礎觀念REST APIHTTP 基礎了解部署概念核心*熟悉後端框(SpringBoot, Django, Express, Gin)*熟悉語言設計模式撰寫可讀性高的程式NoSQL(MongoDB / Redis)基本資料模型設計身分驗證(JWT / OAuth)API 文件設計(Swagger)*Docker 容器化*CI/CD 自動部署 進階*多語言協作力*程式效能優化*高效能資料庫設計*索引分片與備援策略GraphQL / gRPC微服務架構(CAP / CQRS / Event Sourcing)Kubernetes、服務網格(Service Mesh)監控與日誌系統認證*程式語言認證 (例如Python 程式設計證照PCAP)*個人作品集AWS Database SpecialtyMongoDB 認證*API 設計課程證*書專案開發經驗(如 Hackathon)*AWS Certified DevOps Engineer*CKA(Kubernetes Administrator)▲ 後端工程師應具備技能、工具能力、職涯指引表,點選不同技能會對應到相關課程。 後端工程師學習地圖與路徑(搭配AI工具) 🔰 初學者階段(0–6 個月) ✅ 目標:熟悉基礎程式語言與網路知識,能夠開發基本 API。 📌 學習內容: 選一門後端語言(Python / JavaScript / Java):選一門主流語言打好程式基礎,進入開發世界。 Git 與版本控制(GitHub / GitLab):讓你能有效保存、回朔與分享你的程式碼。 理解網路基礎與 HTTP 協議:理解網站如何運作與資料如何傳輸。 SQL 資料庫(PostgreSQL / MySQL):學習資料查詢語言,管理網站背後的資料。 REST API 開發:學習建立網頁服務的後端接口。 Python 程式設計能力 - 線上免費檢測 📌 AI 工具應用: ChatGPT 協助語法學習與除錯:快速解釋語法、找出 bug、提供程式碼建議。 GitHub Copilot 協助寫基礎 CRUD 程式碼:協助補上程式片段。 📌 備選學習: Go 語言:效率高但語法嚴謹,對初學者略具挑戰。 Node.js(JavaScript 後端):若未來想走全端路線可以學。 ✅ 適合考取的證照: Python 程式設計證照(PCAP) ITS (Information Technology Specialist, IT 資訊科技專家認證 Oracle MySQL Database Developer AWS Certified Cloud Practitioner(雲端基礎,有助於未來學 DevOps) [course_plugin title='Python課程' keyword='Python 輕鬆上手學' amount=1] [course_plugin title='後端工程師入門課程' keyword='成為後端工程師' amount=1] 🚀 中階階段(6–12 個月) ✅ 目標:熟悉進階 API 設計、資料庫優化,學習 DevOps 工具。 📌 學習內容: 學習後端框架 (Express、Spring Boot、Django、Gin) :掌握常用的後端框架。 身份驗證與授權(JWT、OAuth):幫使用者安全登入,讓資料不被偷看。 NoSQL 資料庫(MongoDB、Redis):適合儲存彈性格式的資料或快取機制。 Docker 容器化:讓你的程式「打包好、帶著走」。 CI/CD 自動部署(GitHub Actions):程式更新後自動上線,省時又省心。 📌 AI 工具應用: 使用 AI 幫你產生 Dockerfile 與 CI/CD 配置:不懂也能靠 AI 輔助上手。 協助設計 API 架構與資料庫 schema:加速設計與重構過程。 📌 備選學習: GraphQL:適合複雜資料查詢,但非所有團隊使用。 gRPC:適合內部高效通訊場景,小型專案可暫不碰。 Jenkins(較舊型 CI/CD 工具):學習成本高,可視需求使用。 HATEOAS(超媒體 API):學術價值高,實務上較少見。 ✅ 適合考取的證照: MongoDB Developer Certification Docker Certified Associate (DCA) Microsoft Azure Fundamentals (AZ-900) HashiCorp Terraform Associate(如學有餘力涉略基礎 IaC) [course_plugin title='後端工程師中階課程' keyword='接案必學 ◆ 邁向更專業的App開發' amount=1] 🏆 進階階段(12 個月以上) ✅ 目標:學習架構設計,提升可擴展性與效能。 📌 學習內容: 微服務架構(CAP 理論、CQRS、Event Sourcing):學會如何將大系統拆小管理,處理資料一致性問題。 Kubernetes 與服務網格(如 Istio):讓多個服務能自動部署與協調運作。 高效能資料庫設計與分片策略:設計能承受高流量的資料系統。 系統監控與安全性實踐(如 Prometheus、Grafana):確保系統穩定、安全運作。 📌 AI 工具應用: AI 幫你設計 YAML 檔與架構圖:快速理解與部署分散式架構。 系統瓶頸分析助手:用 AI 分析 log 或效能資料,加快除錯與優化。 📌 備選學習: Istio 等 Service Mesh 工具:適合大型微服務團隊,維護成本高。 Event Sourcing:較進階模式,建議有實務需求時再深入。 ✅ 適合考取的證照: Certified Kubernetes Administrator (CKA) AWS Certified Solutions Architect – Associate Google Cloud Professional Cloud Architect DevOps Engineer Professional(AWS / Azure) [course_plugin title='後端工程師進階課程' keyword='Java進階專業|前後端整合開發與應用' amount=1] 5個後端工程師應具備的軟技能特質: 邏輯思維與問題解決能力 能夠理解業務需求並轉化為系統邏輯,並針對錯誤快速找到根本原因。 【小測驗】來測測看自己的問題解決技巧 👉 問題解決 - 職能檢測|104學習精靈 溝通與跨部門協作能力 後端工程師需與前端、產品經理、DevOps 甚至業務單位協作,良好的溝通有助於準確理解需求與回報技術限制。 【小測驗】來測測看自己的溝通能力技巧 👉 溝通協調 - 職能檢測|104學習精靈 學習與自我成長動能 後端技術(如框架、資料庫、API標準)快速演進,必須持續學習與更新知識。 細心與責任感 後端處理大量資料及邏輯,細節錯誤容易引發資安問題或系統錯誤。 時間管理與自我管理能力 在遠端工作日益普遍的環境下,自律與時程安排變得尤為重要。 轉職後端工程師的學習策略 🎯 初學者或轉職者的學習策略 轉職或初學後端工程,建議採取階段式、任務導向的學習策略,以下列點歸納: 設定明確學習階段:分為基礎語言(如 Python/JavaScript)、資料庫應用、框架學習(如 Django、Node.js)、部署維運。 專案導向學習:每學完一個階段,就進行小型專案驗證所學,例如 Todo List、部落格、會員系統等。 培養問題解決能力:鼓勵查文件、逛論壇、問 ChatGPT,建立獨立解決 bug 的習慣。 學習版本控制與團隊協作:掌握 Git、GitHub、簡單 CI/CD,增加求職競爭力。 善用 AI 工具輔助學習:例如用 ChatGPT 解釋程式碼、Copilot 寫樣板、Kaggle 或 LeetCode 練習邏輯。 參與社群與實戰活動:參加黑客松、Open Source 專案、小型 Freelancer 案,強化實務經驗與人脈。 建立個人學習履歷:記錄學習歷程、撰寫技術部落格、整理 GitHub 作品集。 🎯 不同領域的客製化學習策略對照表 學歷背景優勢可能挑戰調整建議資訊相關科系已具備基礎程式能力、學科知識缺乏實務經驗、專案規模小強化實作專案與部署經驗,參與社群或實習累積履歷非資訊理工(如數學、物理)邏輯與數學能力強,適應資料結構與演算法快缺乏開發環境熟悉度與應用場景理解著重環境建置、框架與資料庫應用,透過實作強化「業界語感」設計/前端背景了解 UI/UX 與前端邏輯,轉職成為全端潛力大對資料結構與後端語法較不熟悉從 API 串接、簡單後端框架入手,逐步學習資料庫與後端設計邏輯商管/人文背景商業邏輯與跨領域溝通力強,善於理解用戶需求技術門檻高、邏輯訓練少以高階語言(如 Python)為起點,結合專案題材(如 CRM、報表系統)學習效果更佳在職 IT 工程師(測試、維運)已熟悉技術工具與環境、具系統性思維缺乏開發流程與程式架構設計經驗透過轉任內部開發專案或小型 App 開發練習,搭配設計模式與框架學習資料分析/AI 轉職者熟悉資料邏輯與語言(如 Python)、了解資料流缺乏完整系統建構經驗補足後端架構設計與部署技巧,從資料處理串接 API、Flask、FastAPI 切入 後端工程師薪資行情與職涯發展 後端工程師薪資概況 📌台灣後端工程師薪資 初階(3年以下經驗):月均薪約6.2萬。 中階(3- 5年經驗):月均薪約 6.5 萬。 高階(5-10年經驗):月均薪約7.3萬。(以上資料來源:104薪資情報) 📌影響薪資的因素 技術棧與專精程度熟悉高效能架構(如微服務、分散式系統)、熱門語言(如 Go、Rust)、或 DevOps/雲端技能者,薪資會更高。 產業領域與公司規模金融科技、AI、新創、外商薪資通常優於傳產與一般中小企業。 作品集與實戰經驗有實際上線專案、參與開源、或技術部落格者更具競爭力。 證照與專業認證(如 AWS Certified、Kubernetes、GCP)對某些企業或外商來說是加分項。 英語能力與跨國協作經驗能與國際團隊溝通的工程師更受青睞,也更容易爭取外派或海外遠端工作機會。 英文能力 - 線上免費檢測 後端工程師的職涯發展路徑 🔵 技術專精路線(Individual Contributor / IC Path) 從「後端工程師」起步,專注於技術深度與系統設計,逐步升級為具備橫向影響力的技術專家。 ▶ 初階 / 中階後端工程師(Backend Engineer) 負責功能開發、資料庫操作、API串接與單元測試。 ▶ 資深後端工程師(Senior Backend Engineer) 擁有跨模組開發與維護經驗,熟悉系統效能優化、API 設計規範。 ✳️ 學習前端技術 → 全端工程師(Full-Stack Engineer) 技能補充: React/Vue、Node.js、前後端整合、RESTful/GraphQL。 應用情境: 適用於產品團隊需快速開發 MVP 或技術創業者。 ✳️ 提升系統架構能力 → 系統架構師(Software/System Architect) 技能補充: 微服務設計、DDD、API Gateway、資料一致性、可觀測性(Observability)。 應用情境: 適用於中大型系統升級或技術重構專案。 ✳️ 學習 DevOps → DevOps 工程師(DevOps Engineer) 技能補充: GitOps, Jenkins, GitHub Actions, Docker, Ansible。 應用情境:經由緊密的開發+運營合作,使企業更高效推出高品質產品。  ▶ 全端工程師(Full-Stack Engineer) 獨立開發從 UI 到 API 再到資料庫的完整功能。 ▶ 系統架構師(System Architect) 負責設計全系統技術藍圖,定義模組邊界、資料流設計與技術選型。 ✳️ 進階發展  → 技術總監 / Technical Director 職責: 統籌技術方向,領導技術專案與架構決策,跨部門協作。 技能補充: 領導力、溝通簡報、技術戰略思維、預算與風險管理。 ▶ DevOps 工程師(DevOps Engineer) 專精於部署、CI/CD、環境自動化。 ✳️ 進階發展  → 雲端工程師(Cloud Engineer) 職責: 能設計具備高可用性與彈性的雲端基礎架構。 技能補充: 深耕 AWS/GCP/Azure 架構與雲原生技術(如 K8s、Terraform)。 🟢 團隊管理路線(Team & People Management) 此路線適合有溝通、協調與人員培育熱情者,從帶小團隊到參與公司策略。 ▶ 後端 Team Lead / 技術主管 同時參與開發與團隊管理,負責人力分配、專案交付與人員指導。 技能補充: Agile/Scrum、敏捷儀表板管理、1-on-1 輔導技巧。 ▶ 技術經理(Engineering Manager) 管理多組技術團隊,協助產品規劃、技術優化與跨部門協作。 負責團隊招募、績效制度設計、技術資源管理。 ▶ 技術總監(Technical Director)或 VP of Engineering 結合技術與策略視角,影響公司中長期技術方向。 需要具備技術深度 + 商業理解力。 🟠 技術轉職/橫向拓展路線(Cross-functional Path) 探索其他工程領域,發揮後端背景延伸價值,適合追求多元發展者。 ▶ 資料工程師(Data Engineer) 優勢: 熟悉 API 設計&模組化架構:資料平台的模組設計類似微服務設計邏輯。 熟悉系統效能:幫助處理大規模資料運算與資源調度。 熟練程式語言(如 Python、Java):可快速上手資料工程工具 可有效打造 ETL 流程、管理資料倉儲、支援 AI/ML 任務。 技能補充:  資料處理:Spark、Kafka、Airflow、dbt 資料庫:PostgreSQL、ClickHouse、BigQuery、Snowflake 資料管線:ETL/ELT流程設計、Data Lake、Data Warehouse 架構 編程與基礎統計:Python、SQL、資料品質檢查 職涯發展路徑流程圖 🔹 總結路徑圖說明 (起點) 後端工程師 │ ├── A. 學習前端 → 全端工程師 ├── B. 提升架構能力 → 系統架構師 │ └── 技術決策 → 技術總監 └── C. 學習 DevOps → DevOps 工程師 └── 深入雲端架構 → 雲端工程師 哪些產業需要後端工程師? 後端工程師幾乎是「所有數位服務產業的基礎職位」,以下是常見產業範疇: 📌電商與零售:處理會員系統、購物流程、庫存管理、金流串接等核心後台邏輯。📌金融科技(FinTech):開發支付、帳戶、交易、驗證等安全敏感的服務。📌社群與內容平台:如論壇、影音平台、交友 App,後端負責資料儲存、帳號系統與推薦演算法等。📌SaaS / B2B 企業服務:提供線上系統給其他企業使用,如 CRM、HR 系統。📌物流與運輸:如外送、倉儲、車隊派送,依賴大量 API 串接與資料即時處理。📌醫療與健康科技:處理病例、預約、穿戴裝置資料等,需高度資安與資料完整性。📌遊戲與娛樂產業:遊戲帳號、伺服器同步、排行榜、商城等核心功能皆由後端處理。📌政府與公部門資訊系統:如戶政、健保、交通資訊等數位服務。 後端工程師的挑戰與機會 🚀 6個常見的後端工程師挑戰 技術複雜度高:需同時掌握資料庫設計、系統效能、資安與架構邏輯。 看不見的貢獻:成果不如前端「有畫面」,但卻是維運的關鍵,常常被低估。 資安責任重大:系統若當機、資料異常,後端通常是第一個要排解問題的人,需確保數據安全,防止攻擊與資料洩漏。 需快速跟上技術演進:如容器化(Docker)、微服務架構、雲端部署等都不斷更新 高效能與擴展性要求:需設計能夠處理大量請求的系統,確保穩定性與效能。 跨團隊協作:需要與前端工程師、產品經理、DevOps 團隊密切合作,確保系統順利運行。 🌟 後端工程師4大機會 可轉職多種技術職:例如 DevOps、技術主管、架構師,或橫移到前端/全端。 全球需求穩定成長:任何需要「運作」的數位產品,都需要後端支撐。 遠端與海外機會多:因後端較少受地域限制,常見國際合作或海外招募。 進可攻、退可守:進可發展高階技術領域如 AI 後端、大數據平台,退可穩定就業於各類企業內部系統開發。 延伸閱讀: 產品經理 - 學習地圖(上):技能養成篇 成為雲端工程師的攻略指南:核心技能&職涯精進完整解析 轉職前端工程師│工作內容、技能、薪水與職涯發展指南 數據分析師工作內容是什麼?薪水高嗎?技術能力與職涯發展指南 想當資料工程師?工作內容、核心技能、薪水、職涯發展完整解析 [joblist_plugin title='更多104【後端工程師】工作機會' url='https://www.104.com.tw/jobs/search/?jobsource=index_s&keyword=%E5%BE%8C%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB&mode=s&page=1' amount='3']
【104職場力】・職涯規劃

前端工程師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學習・職涯學習課程專文推薦

軟體工程師內推管道及注意事項?工程師社群、LinkedIn等求職網以外的找工作管道

軟體工程師「內部推薦」有哪些管道和注意事項?本文作者ExplainThis團隊,曾協助多名軟體工程師成功進入外商科技大廠、海外新創,解析除了求職網以外的找工作管道,包括內推、學徒計畫、工程師網路社群、經營LinkedIn等。 文/ExplainThis(王鵬傑、李俊廷、林品均) 本文目錄:求職網以外的找工作管道(點擊可快速前往) 一、內部推薦內推(Referral)比較容易獲得面試機會內推管道內推該注意的4個事項最好的內推是強內推二、學徒計畫三、工程師的網路社群四、經營LinkedIn 當提到找工作,多數人第一直覺想到的,可能會是求職網。以台灣來說,像是傳統的求職網104、1111,或者新興平台CakeResume與Yourator。而找海外工作,可能第一直覺會想到老牌的Indeed、Glassdoor,或者是新興的LinkedIn。 然而,除了這些求職網,事實上還有許多其他的找工作管道。我們在這個小節將會詳細談幾個不同的找工作管道,讓讀者們能透過不同的管道,增加獲得面試的機會。 一、內部推薦 在找工作上,業界公認比透過求職網站或公司官網申請更有效的方式,是透過內部推薦(referral)。當你上求職網站申請,往往需要先經過前面提到的ATS系統,跟上百位申請者一同競爭,脫穎而出後才可能被真人招募員看到你的履歷。 然而,如果能夠被內推,將有可能跳過這個環節,直接被招募員或用人主管等真人審履歷。這雖然不代表一定會通過招募員或用人主管的篩選,但最起碼能直接省去前面的系統審核。 內推(Referral)比較容易獲得面試機會 你可能會問,為什麼內推比較容易獲得面試機會?因為,通常來自公司內部員工的推薦,表示推薦者對應徵者有一定程度的認識和信任。 與此同時,內部員工對公司文化和工作環境有比較深入的了解,所以推薦的人通常會更適合公司的需求,因此,公司較傾向相信現有員工的判斷,這讓透過內推進來的申請者,比較可能在茫茫履歷海中受到青睞。 內推管道 如果你想要找人幫你內推,在台灣的軟體工程師社群中,有歹晚郎內推互助網絡(https://bit.ly/3FlItvp)與Nex Work(https://work.nexf.org/)等由海外軟體業前輩發起的內推網絡。此外,也可以在LinkedIn或是Blind(https://www.teamblind.com/)上,搜尋「#referral」的標籤,或是找有在該公司任職的人,然後禮貌地發個私訊請對方幫忙內推。 當然,很多時候可能不會立即得到回應,又或者可能對方太忙沒回應,也不要感到氣餒,可以多詢問同一家公司中不同的人幫忙內推。 (圖/博碩文化提供) 內推該注意的4個事項 在找人內推時,如果能依循某些注意事項,會比較容易讓人想幫你忙。以下我們分享幾個建議大家要遵循的原則。 1. 履歷好好寫 在各大海外公司工作的人,也知道自己公司的標準,所以不會來者不拒、盲目內推。你想提高別人內推你的意願,務必要好好寫履歷。好好寫代表著格式上要正確,以及內容描述上要讓人覺得你有達到對方公司想要找的人才水準。假如不知道怎麼寫好履歷,可以參考Chapter 2的履歷撰寫相關內容。 2. 附上想被內推的職位 在多數大公司,光是一個大組可能就幾百人,比一間新創公司還大,因此除非是專職招募的招募員或者是工程經理,不然多數人其實不知道其他組現在有什麼職位開缺。所以不要找人內推時,還說什麼「你有沒有建議我申請哪些職位」,這只會讓人覺得你沒做功課。 大家平常工作已經夠忙了,沒空幫你去看你適合申請的職位,所以務必自己附上。通常大公司的職缺都會有Job ID,可以附上你想申請的。附上你為何適合這個職位:內推的人也不會想自己在公司內的名聲臭掉,所以多半會先判斷你是不是真的適合被內推。如果你想提高別人內推你的意願,就要做到讓別人認為你適合被內推。 要做到這點,務必附上你為何適合這個你想被內推的職位。理想上也要附上為何你適合該公司(建議多做一些功課來研究該公司,進而能闡述你為何跟該公司文化契合)。花時間幫你的這件事本身就很佛心,千萬不要把別人的善意視為理所當然。 可以用的句型是在簡短自我介紹後,提及「我目前在找XX領域的工作,對這個職位很感興趣。過去我在XX領域有OO經歷,我相信我能對這個職位有所貢獻」。 3. 記得表達感謝 假如一個原本跟你不相識的人願意內推你,務必要表達感謝。因為大家平時工作很忙,可能還有家庭事務要兼顧,額外抽時間幫你,這件事本身就很佛心,千萬不要把別人的善意視為理所當然。 即使內推沒有讓你拿到面試機會,也要記得感謝對方。畢竟很多公司冷凍期半年,你之後還可以再嘗試,與對方維持良好關係,這次沒上之後要請對方幫忙也會讓對方更有意願。 最好的內推是強內推 雖然上一段有提到可以找人幫忙內推的管道,但如果要獲得比較有幫助的內推,或俗稱的「強內推」,建議平時就要建立起能幫自己內推的人脈。 所謂的強內推,是指對方在內推時,有註明是「強力內推」。一般來說,多數公司的內推系統,都會詢問「你跟被推薦者的熟悉程度」以及「你有多推薦這位被推薦人」。不同公司具體問的問題可能會不同,但大多不脫離這兩類問題。 而唯有這兩個問題都回答「很熟悉」、「強烈推薦」,並且推薦理由寫得很詳細,才會被認定為是強內推。 當然,一般內推已經比直接在公司網站或人力銀行網站申請來得好,只是如果能的話,獲得強內推會是更好。 至於如何獲得強內推?一個是平時有好的工作表現,可能你現在的同事,未來會去不同公司,如果跟他們合作時,做到對方發自內心會想推薦你,這時要獲得強內推就容易得多。 又或者假如你還是學生,在平常的小組作業中,盡可能地貢獻,在同組的同學心中留下好的印象,未來同學們進到不同的公司,你要找他們內推,也會容易獲得強內推。 另一個則是多參與不同的社群活動,例如貢獻到開源社群,或者是參與技術會議等,這些也是一個你能夠曝光、與他人協作的機會,在這些場合貢獻價值,也相對容易獲得強內推。 上面提到這些要獲得強內推的方式,都是需要時間去耕耘而非速成的。因此,如果你現在還沒辦法獲得任何強內推,建議從現在開始行動,而不是等到要求職時才發現沒有人能為你強內推。 二、學徒計畫 學徒計畫(Apprenticeship Program)是近期各大公司越來越盛行的一個專案,包括:LinkedIn、Microsoft和Google等,都曾推出類似的計畫。 這些專案旨在招募更多元的人到科技公司,其中常見符合此計畫的人條件包含以下: 自學程式 參加過程式戰鬥營(coding bootcamp) 非傳統電腦科學背景 暫時離開工作,並嘗試重回職場 學徒計畫在經歷上的審核以及面試上,技術層面比起正職的初階工程師更簡單一點。多數的學徒計畫也都有轉正職的機制。 部落客「半路出家軟體工程師在矽谷」有一篇專門彙整各大公司學徒計畫的文章(https://brianhsublog.blogspot.com/2019/08/TechApprenticeship.html),並且時常更新,非常推薦有興趣、有需求的讀者可以去看看。 (圖/博碩文化提供) 三、工程師的網路社群 除了上述提到的3點,網路社群是軟體工程師不可錯過的資源。這些社群不僅提供了工作機會,也能幫助你與同業交流、了解產業趨勢,以及許多面試經驗的分享。以下是幾個會張貼工程師工作機會的熱門或相關網路社群: PTT Tech_Job版:https://www.ptt.cc/bbs/Tech_Job/index.html  PTT Soft_Job版:https://www.ptt.cc/bbs/Soft_Job/index.html  PTT Oversea_Job版:https://www.ptt.cc/bbs/Oversea_Job/index.html  Facebook Front-End Developers Taiwan:https://www.facebook.com/groups/ f2e.tw/  Backend台灣(Backend Tw): https://www.facebook.com/groups/backendtw/ 四、經營LinkedIn 對比傳統的求職網,目前新興的人脈社交媒體LinkedIn已經逐漸成為找工作的首選,特別是對於外商與海外求職,LinkedIn基本上比一般專注於本土市場的求職網有更多的職缺機會。比起求職網投遞履歷,經營Linkedin能夠讓獵人頭或招募員,看到你更多元、更深入的一面,以及看到你更長期的累積。現在已經有許多獵人頭與人資,會直接在LinkedIn上找人選,所以花心思經營LinkedIn將有可能讓自己獲得更多機會。 節錄自:博碩文化《軟體工程師求職策略大全/ExplainThis、王鵬傑、李俊廷、林品均 著 》 [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&order=15&page=3&zone=4,5' amount='3'] [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重點:不掀薪資職級底牌、靠「最後一招」多談一點 軟體工程師履歷範本|5大地雷別踩:形容詞太多、技術名詞太少 外商軟體工程 | 履歷面試精華,知名外商人資教你
【104職場力】・職涯規劃

你適合當PM嗎?解析產品經理必備3種特質與溝通心法

產品經理(PM)扮演產品關鍵的橋樑角色,不僅要看懂全局、擬定策略,更需要與設計師、工程師高效溝通,協調各方需求並推動產品前進。哪些人適合PM工作?作者透過實務經驗分享,解析PM必備的3種核心特質,以及在與不同角色協作時應具備的溝通心法。 文/Michelle Chen(軟體業PM產品經理) 本文目錄:3個PM需要的核心特質(點擊可快速前往) 特質1:你是否習慣全局性思考,並以策略性規劃推動執行?特質2:你是否喜歡且習慣站在對方的角度,使用對方的語言溝通?PM與設計師溝通重點PM與前端工程師溝通重點PM與後端工程師溝通重點特質3:你是否接受甚至喜歡改變,且有隨時改變計劃的彈性? 我習慣定期把自己的職涯規劃拿出來review,問問自己對於「現在的狀態」是否還滿意。最近是我在現職公司任職滿一週年的日子,於是又把這個問題拿出來檢視一番。我發現對於做PM打造產品這件事(撇除外在條件,像是workload、手上的案子、公司策略、主管等),過了幾年我仍非常喜歡且享受其中。再往下探索,是什麼個性或是特質讓我喜歡且適合做產品經理呢?今天整理3個我認為最核心的特質,分享給有興趣往PM產品經理發展,或還在思考自己到底適不適合的朋友參考! 特質1:你是否習慣全局性思考,並以策略性規劃推動執行? 作為產品經理你每天要應對來自各方的利害關係人,需求從四面八方而來,每季的Product Roadmap規劃&執行,每月2~3次的Sprint(如果團隊跑Scrum),甚至每天的跨部門Support,PM的日常總是被滿滿的需求與會議轟炸,任務清單中的To-dos & Action Item似乎看不到盡頭。在這種「艱困」的處境下,能習慣「全局性思考」的PM就比較能從容應對,懂得從任務海中抽身,避免無謂地瞎忙。所謂全局性思考有點抽象,換個方式來說就是:從整體,更高維度視角看待事情,而不是深陷於眼前的問題。 舉個例子來說,假設你是一位部門主管,你發現某個專案快到截止日但離完成還有一大段距離,你可以選擇臨時外聘人力,或是給團隊成員加班獎勵鼓勵他們挪出更多的時間工作完成任務,這也許是最快能見效的暴力解法。但如果你採取全局性思考,你會先退一步思考,這個專案的規劃是否合理,是否有可以簡化的部分,或者是否團隊中有某個特定的人遇到瓶頸。如果能協助這位成員解決問題,整個團隊的運行會變得更加順暢,也許就能如期完成專案。 全局性思考的能力能幫助PM有效辨識什麼才是真正需要解決的「關鍵問題」,而不是像在大魯閣打棒球一樣,只是對每個問題隨著出現而進行反應。這種思考方式讓你從整體上把握問題的根源,不是只解決表面的問題。 找到問題後,接下來就要透過策略性規劃來實作,這時候一定要提到常見的80/20法則。 20%的因素,將導致80%的結果。找出那關鍵20%重要的事情並全心投入,往往能帶來大部分的成果。 首先找到那20%重要並值得花團隊全心投入的P0-重要且須馬上行動的事。並懂得拒絕或是取捨那些重要但不急,甚至根本不用解決的問題 。取捨決策是一個好PM必備能力。 另外,作為產品的代言人,PM一定要知道哪些任務可以被整合在一起(甚至延伸成一個epic);又有哪些tasks可能會因為其他迭代而順勢被解決,因此現階段可以忽略不做;又有哪些可能看似有問題,但其實是故意為之的機制。 有策略、有條理的安排團隊資源,聚焦在關鍵20%重要的問題上,可以讓團隊更有效率且優雅的工作。(非常重要,誰會想要每天灰頭土臉工作,你說是吧) 特質2:你是否喜歡且習慣站在對方的角度,使用對方的語言溝通? 有這個特質的PM絕對會是團隊的寶,而不會變成大家避之唯恐不及的任務交差使者。習慣從對方的角度出發,用對方熟悉的用語溝通,不僅能提升理解效率,還能拉近彼此距離,建立良好互動。這有助於建立信任,讓未來的合作更順利愉快,形成正向循環,培養無敵默契。(每次遇到只是一兩句話一個眼神,團隊內的工程師和設計師就能馬上理解我的意思,就會覺得「哇,你們真的是神隊友,我好幸福啊!」) 這邊簡單舉例與設計師以及前後端工程師討論需求時應該著重的方向: PM與設計師溝通重點 重視使用者體驗(UX/UI):需要清楚描述使用者的需求(如果需要可以附上完整的user story),並在需求說明中「用戶使用流程」、「易用性」、「介面設計」以及「資訊呈現方式」等。 【溝通舉例】「我們希望這個功能的流程是:1.先點擊這個按鈕,2.展開選單,3.選單中會有幾個預設選項且我們會幫用戶進行預選,整個操作希望可以在3步內完成。」 特別注意!尊重設計師專業:作為PM一定要尊重團隊內設計師以及工程師的專業。對設計師,請保留讓他們自由發揮的空間。提出的需求絕對不會是硬性規定設計師只是把你想像中的畫面/流程畫出來而已,保留設計彈性通常得到的結果都會比自己發想的還要完整流暢! 【溝通舉例】如果需要做一個活動頁面:「這個頁面會包含A~C 3個大分類的資訊,其中A/B分類會另外連結到C/D頁面。這個主頁面的設計,希望能傳達出現代感,並保留畫面的簡潔性,方便用戶快速找到他們要的資訊。可以參考這個網站的設計風格,但具體的顏色/圖標,分類呈現可以自由發揮。」 PM與前端工程師溝通重點 重視介面與互動:前端工程師負責將設計轉換成可用的介面。他們關注的重點包含介面呈現方式、元件的設計與實現、與後端如何進行資料溝通、並且也要確保網頁可以各種大小的裝置和瀏覽器上都能順利運行。 【溝通舉例】PM:「我們希望在報名頁面上,使用者可以看到所有場次,點擊後展開場次詳細資訊,並透過一個動畫顯示出『點選報名』的CTA 按鈕。這部分在手機的 web view 上也需要保持操作流暢。」前端工程師:「這個顯示CTA的動畫在一些舊瀏覽器上可能無法支援,可能會出現卡頓或不顯示的情況。」PM:「如果確實有這個問題,我們可以考慮用彈出popup的方式替代,重點是整體操作要流暢,並且能有效吸引用戶點擊報名。」 特別注意!技術可行性&永遠都要準備PlanB:有時PM以及設計師一起討論出的設計可能在技術實現上會有挑戰。作為一個好PM,一定要工程師們討論在技術上的可行,以及如果無法實現,可以被接受的PlanB是什麼,並從中找到最佳解決方案。 PM與後端工程師溝通重點 重視系統穩定性及資料處理:後端工程師主要關注系統的穩定性及資料處理。他們習慣使用「API」、「資料庫」、「伺服器」等術語。作為產品經理,你需要清楚描述系統需求,並確保資料流(information flow)和功能邏輯的合理性。 【溝通舉例】PM:「我們需要建立一個數據報表,數據需要即時更新,並支援查看過去30天和60天的時間範圍。這個報表主要用來追蹤使用者行為趨勢。報表中的欄位定義以是{明確定義數據背後的計算邏輯以及fallback機制}。」後端工程師:「要實現即時更新可能會對系統造成壓力,特別是在高峰期,伺服器負載會增加,影響穩定性。」PM:「那或許我們可以考慮設定一個更新的cutoff point,在該時間點做一次性更新,確保穩定性以及更好管理系統負載。」 特別注意!具體明確制定規則:跟後端工程師討論事情一定要具體明確(制定出規則),不能給模糊的「形容詞」。以要新增檢查用戶註冊時的密碼強度的功能為例: 模糊的需求:「我們需要在用戶註冊時,先檢查密碼是否夠強。如果不夠強就讓他重新設置,夠強就讓他繼續註冊。」 ➞這時候工程師一定會問你:密碼強度怎麼樣算夠強?這個檢查是在用戶點擊註冊時還是輸入過程中即時檢查? 明確的需求:「如果密碼長度小於8位或不含大小寫字母和數字,則在用戶按下註冊時阻擋下一步,並顯示錯誤提示並要求用戶重新設置密碼。如果密碼符合這些條件,則允許用戶完成註冊。」 PM的工作內容和模式會隨著產品領域、團隊規模及系統架構等因素而有很大不同。然而,良好的溝通能力,尤其能根據不同溝通對象靈活切換用詞和表達方式,針對不同情境調整思考重點,是做好PM必須具備的。如果你發現這種角色切換對你來說有些困難,或是習慣從單一角度進行思考,那可能就不會那麼享受於PM的日常了。 特質3:你是否接受甚至喜歡改變,且有隨時改變計劃的彈性? 最後一點,「接受改變,且對已經計劃好的事情是否總是能保持隨時調整,甚至需要打掉重練的彈性?」是一個PM是否能樂在其工作中,蠻關鍵的特質。 有PM經驗的都知道(不管是Product or Project)都會面臨到原本說好的方向會需要來個大轉彎,產品策略可能因為市場的變化要做立即的調整(例如AI的快速崛起)。對於比較不喜歡變化,或是對於要臨機應變這件事情比較排斥的人,做PM會比較辛苦(心裡苦的部分)。 No two days are the same for a product manager 如果看到上面這句話,你感到興奮,那恭喜你!你一定能從PM的工作日常中找到許多樂趣! 以上就是我簡單從自己身上總結出為什麼就算有時候遇到再鳥的事情,或是有時候真的工作壓力很大,但終究我還是很享受做PM的3大特質與性格,希望能給還在摸索的人或是猶豫不太清楚自己到底適不適合的人一點小小分享。 (原文標題:你適合當產品經理嗎?3個PM需要的核心特質&性格解析) [joblist_plugin title='更多104【產品經理】工作機會' url='https://www.104.com.tw/jobs/search/?order=15&page=1&sctp=M&scmin=40000&scstrict=1&jobsource=joblist_search&jobcat=2004003005&keyword=%E7%94%A2%E5%93%81%E7%B6%93%E7%90%86' amount='4'] [course_plugin title='產品經理學習營|學習推薦' keyword='產品經理學習營' amount=2]
【104職場力】

產品經理 - 學習地圖(上):技能養成篇 

產品經理是一個融合創新、邏輯與溝通的角色。隨著數位化加速,產品思維逐漸成為組織決策的核心。從技術團隊、設計部門到商業營運,產品經理肩負整合多方資源、定義方向並推動產品落地的關鍵任務。  本篇產品經理學習地圖(上):技能養成篇,將協助轉職者認識『從入門建構產品基礎思維』到中階『掌握用戶洞察與功能實作』,最終能『獨立推動策略規劃與跨部門協作』的相關職業技能,依循學習路徑,逐步成為具影響力的產品專案執行者! 文 /【104學習精靈】 本文目錄(點擊可快速前往) 產品經理是誰?為何成為熱門職業?  產品經理工作內容 產品經理與相近職類比較表 為什麼選擇產品經理? 誰適合轉職產品經理? 掌握產品經理的核心能力:必備工具技能 x 學習路徑 x 軟技能 產品經理技能 × 學習階段 對照表格 產品經理學習地圖與路徑(搭配AI工具) 成為產品經理應具備的軟技能  產品經理是誰?為何成為熱門職業?   產品經理工作內容  產品經理(Product Manager)負責定義產品要解決的問題,並與設計、工程、行銷等部門協作推動產品從構想到落地。其核心職責包含:  需求探索:透過用戶訪談、行為數據、回饋收集等方式,洞察真實需求。  功能規劃:撰寫 PRD、制定功能優先順序、評估 MVP 可行性。  專案推進:主持日常開發流程,跨部門協調資源,確保開發進度與品質。  成果驗證:追蹤產品指標(如留存率、轉換率),進行 A/B 測試與功能優化。  策略規劃:參與產品路線圖規劃,制定中長期產品方向與營收目標。  產品經理既是產品成功的推動者,也是用戶價值的守門人。其價值在於將「使用者需求 × 商業機會 × 技術可行性」三者整合為具體可執行的產品方案。  產品經理與相近職類比較表  職位 關注重點 負責內容 常見產業 產品經理(Product Manager)使用者 + 商業價值 規劃產品功能與開發節奏 科技、電商、金融、SaaS 等 專案經理 (Project Manager) 進度與成本控制 控管時程、資源、人員配置 各類型專案導向型公司 UI/UX 設計師 使用者體驗 介面設計、動線、視覺規劃 軟體、行銷、遊戲、EdTech 等 資料分析師 數據洞察 分析用戶行為、產品數據、A/B 測試 金融、零售、科技、行銷  為什麼選擇產品經理?  📈 發展潛力大|未來產業的中樞角色  不論是新創公司還是科技巨頭,產品導向已成為企業競爭的關鍵思維。  有產品就有需求,有需求就需要 PM——從 AI、SaaS、電商到 FinTech,每個行業都需要懂得「整合價值」的人。  企業不再只需要「能執行的專業者」,而是需要「能定義方向、驅動成長」的產品領導者。  🛠️能力多元|最全面的跨域訓練場  產品經理是一個訓練全腦能力的職業:👉 左腦要有邏輯與分析能力(數據、商業)👉 右腦要能發想與感知使用者(設計、體驗)👉 兩者還要能與技術部門深度協作(開發、工程)  在角色中將學會「如何說服利害關係人」「如何觀察用戶行為」「如何評估一個功能是否值得投資」,這些都是未來每一份高階職位都會需要的綜合實力。  🚀 成長彈性高|跨域轉換與職涯彈跳力強  PM 的角色可以橫跨不同產業與職能,時常需要與工程或設計專業職能有效通協作。是「所有關鍵決策職位的預備場」。  許多優秀的 PM 在職涯中轉職為:  創業者(Founder / Co-founder)  使用者體驗設計師(UX Designer)  數據分析師(Product Data Analyst)  成為產品主管、策略顧問,甚至進入 CPO、COO 等管理層  誰適合轉職產品經理?  🎓 1. 無產品背景但熱愛創新、解決問題者  你喜歡觀察生活問題、總是腦中浮現「這東西為什麼不能這樣改?」  從 side project 開始,就是最好的敲門磚。  無需程式背景,只要有邏輯、有使用者觀點,PM 是歡迎非典型背景者的職位。  💻 2. 工程師背景者  想脫離單純執行任務的角色,希望參與更多「要做什麼」的決策討論  PM 是讓工程師走向策略與產品領導的黃金道路。  技術理解力會讓你在 PM 角色上如虎添翼。  🎨 3. 設計師 / UX 專業者  有同理心、有用戶感知力的設計師,適合轉向更有產品話語權的角色。  讓你從 UI/UX 執行者,變成「產品體驗的主導者」。  許多產品團隊喜歡擁有設計底子的 PM,因為他們更懂體驗與細節。  📢 4. 商業 / 行銷 / 業務人員  熟悉市場與用戶痛點,對產品的商業價值有敏銳觀察  補足產品開發語言與邏輯,就能駕馭市場與產品之間的橋樑位置。  掌握產品經理的核心能力:必備工具技能 x 學習路徑 x 軟技能  產品經理技能 × 學習階段 對照表格   🧩 產品規劃與需求管理 📊 數據分析與驗證能力 🎨 戶體驗與設計思維 🤝跨部門協作與專案推進 基礎 - 撰寫 User Story、建立 Persona - 初步撰寫 PRD、功能清單 - 認識基本產品指標(DAU、MAU、CTR) - 初步理解 A/B 測試、使用 Google Analytics - 繪製使用者旅程圖、UX Flow - 使用 Figma 建立簡易原型 - 熟悉 Notion / Trello 等任務管理工具 - 學習基本會議記錄與任務追蹤方式 核心 - MVP 規劃、功能優先排序(RICE、Kano) - 撰寫完整 PRD、維護 Roadmap - 使用 Mixpanel / Amplitude 追蹤行為流 - 設計驗證機制(Cohort、Retention、轉換率分析) - 熟悉設計思考流程(Design Thinking) - 與設計師協作建立 Wireframe 與可用性測試 - 使用 Jira / Asana 進行敏捷開發任務管理 - 主持 Stand-up / Sprint Review / Retro 會議 進階 - 多模組產品整合與平台化思維 - 建立產品 KPI 指標並追蹤成效 - 設計數據導向決策邏輯 - 與資料分析師共構儀表板、做策略調整 - 優化使用者體驗,結合數據與測試結果反覆調整設計- 規劃用戶測試場景、引導焦點訪談 - 建立跨部門溝通 SOP 與產品知識共享 Wiki - 作為 PM Leader 引導 Junior PM、推進跨部門專案 認證 - CSPO(Scrum Product Owner)- Pragmatic PM 認證 - Google Analytics 證照- Mixpanel / Looker Studio 認證 - Google UX Design 認證- Nielsen Norman UX 課程 - PMP 專案管理師- CSM(Scrum Master 認證)  產品經理學習地圖與路徑(搭配AI工具)  🟢 第一階段:新手 PM 入門(0~6 個月)  ✅ 目標:建立基礎產品思維與跨部門語言,從具體產出中培養使用者理解與任務邏輯。  📌 學習內容:  【產品市場機會】:初步理解產品與市場的關係(例如:Who / Why)  【找出使用者需求】:撰寫 User Story、建立 Persona、使用者旅程圖  【設計思考】:練習 Wireframe / Wireflow 製作,視覺化想法  撰寫簡易 PRD:說明做什麼與為什麼  學會製作 UAT(功能性測試 / 反向測試等)  建立會議紀錄與議題追蹤清單,強化任務邏輯與流程觀  📌 AI 工具應用:  ChatGPT / Claude:生成 User Story、用戶情境模擬  Uizard / Figma AI:快速建立原型畫面與 Wireframe  Notion AI:整理任務、產出會議紀錄與需求清單  📌 備選學習:  學習基礎專案管理(甘特圖、排程、進度跟催)  練習回報 bug 與測試報告,建立與工程團隊語言  閱讀《Inspired》、《Lean UX》理解產品角色的多重任務  [course_plugin title='產品經理入門課程' keyword='PM產品經理|入門致勝攻略:打造最強怪物新人的實戰課|104獨家線上課' amount=1] 🟡 第二階段:中階 PM 成長(6~18 個月)  ✅ 目標:獨立負責一個產品模組,深化市場洞察與優先排序邏輯,開始建立產品成果思維。  📌 學習內容:  【產品市場機會】:進行競品研究、定位圖、SWOT 分析  【使用者需求】:進階訪談技巧、使用者回饋整理、Cohort 分析  【提出解決方案】:撰寫完整 PRD、定義功能 MVP、排定開發優先順序(RICE、Kano)  【產品企劃框架】:建立產品 Roadmap,依驗證結果動態調整  專案協調與跨部門簡報報告  主持 Scrum、Sprint Review 等會議,培養團隊推進力  📌 AI 工具應用:  Miro AI:協助需求 Mapping、建立 Feature Map  Amplitude / Mixpanel + AI plugins:用於用戶行為與留存分析  Jira AI / Linear AI:協助排程與任務追蹤自動化  ChatGPT:產出會議簡報、功能拆解與優先順序建議  📌 備選學習:  與工程師深度對話 API 邏輯與限制(建立技術思維)  學習使用 A/B 測試平台與分析資料結果  與設計師協作,規劃 Usability Test 測試流程  [course_plugin title='資料分析相關課程' keyword='用AI+Google Sheet建立自動化工具,打造你的業績成長引擎|104獨家' amount=1] 🔴 第三階段:資深 PM 精進(18~36 個月)  ✅ 目標:制定產品策略與願景、帶領多模組團隊與跨部門合作,具備從數據到決策的整體能力。  📌 學習內容:  【產品企劃框架】:建立成果導向型 Roadmap,結合營運目標與客戶反饋  【有效提案法】:提案簡報、策略 Buy-in、利益關係人對齊溝通(尤其是非 PM 部門)  【提出解決方案】:設計產品 KPI(DAU、留存、LTV、NSM)  【產品驗證與迭代】:產品指標監控 → 分析迭代邏輯 → 反饋進 Roadmap  建立跨部門合作 SOP、主持策略規劃會議  設計產品願景,指導 Junior PM 並進行 Mentor / Review  📌 AI 工具應用:  Power BI / Looker Studio + GPT Plugin:產出決策儀表板、進行策略預測模擬  Notion AI:整理策略紀錄、文件管理、產品 Wiki 協作  ChatGPT / Claude:撰寫產品願景草案、跨部門溝通稿  Suno / Gamma AI:製作產品簡報、提案影片輔助  📌 備選學習:  學習產品組合管理(Product Portfolio)  熟悉商業模型設計與利潤預測(可使用 Business Model Canvas)  進階使用 AI 作為產品功能的一環(如設計 AI Prompt 功能、智能推薦引擎)  [course_plugin title='產品經理實戰課程' keyword='第7屆產品經理學習營' amount=2] 成為產品經理應具備的軟技能  產品經理的成功關鍵往往不在工具,而在於這些關鍵軟實力的「日常實踐力」:  溝通協調能力  與設計、工程、商業部門建立共識  化繁為簡、拆解問題並說服他人  優先排序與決策力  在時間與資源有限下做出取捨  擁有面對模糊需求時的清晰邏輯  系統性思考能力  看見整體產品架構與模組邏輯  能理解「做這件事對誰有價值?」  同理心與觀察力  從用戶視角出發洞察潛在問題  不被表層需求誤導  學習力與適應力  快速吸收新工具、新領域知識(如 AI、資料分析)  面對變動保持彈性與專業判斷  繼續閱讀 【產品經理 - 學習地圖(下):職涯精進篇】  [joblist_plugin title='更多104【產品經理】工作機會' url='https://www.104.com.tw/jobs/search/?jobsource=index_s&keyword=產品經理&mode=s&page=1' amount='3'] 延伸閱讀: PM「產品經理」和「專案經理」差在哪?盤點工作內容及PM技能樹 PM工作內容做什麼?產品企劃/產品經理薪資待遇、履歷面試總整理|精選工作機會 PM意思有不只3種可能!為何PM工作職缺只會愈來愈多?哪種PM最熱門? 轉職PM不撞牆!從0學會提案,產品經理學習營揭3大挑戰|商業思維學院
【104職場力】・職涯規劃

前端面試問題如何反問?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職場力】・軟體工程

轉職前端工程師│工作內容、技能、薪水與職涯發展指南

你是否想過轉職前端工程師,或是想提升技術實力,而能在競爭激烈的職場脫穎而出?無論你是零基礎的學習者,還是正在尋找更明確學習路徑的開發者,這篇文章將幫助你理解前端工程師的核心技能、職涯發展方向,並提供高效的學習策略。透過系統化的學習與實踐,你將能夠更順利地進入前端開發領域,甚至進一步拓展你的職業選擇! 文 /【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']
【104職場力】・職涯規劃

Google在台灣設立AI研發中心!工作內容、為何建立、台美實驗室差異一次看

2025-11-20 聯合新聞網科技編輯 張明哲、莊翰 由聯合新聞網授權轉載 Google台灣AI基礎建設研發中心今(20)日進駐台北市士林區承德路上,鄰近捷運劍潭站,這是Google在彰化成立資料中心、新北市板橋成立海外最大硬體研發中心後最大投資之一,而Google台灣AI基礎建設研發中心 集結硬體工程、軟體工程、與供應鏈團隊的數百位員工,是Google在美國 總部以外規模最大的AI基礎建設硬體研發工程團隊。 [joblist_plugin title='更多104【Google】工作機會' url='https://www.104.com.tw/company/ctzow2g' amount='1'] Google台灣AI基礎建設研發中心今(20)日進駐台北市士林區承德路上,鄰近捷運劍潭站,賴清德總統出席力挺。(攝影/聯合新聞網《科技玩家》) Google為何在台建AI研究中心? Google台灣AI基礎建設研發中心也讓外界好奇到底會做些什麼工作,Google表示,工程師幾乎全程參與過程,包含最初的架構、設計與工程、製造與部署、測試時程,到後續的產品交付,台灣團隊在軟硬體與供應鏈專業的高度緊密結合帶來不少優勢,讓他們能縮短開發週期、更快解決問題。 全新的Google台灣AI基礎建設研發中心(Google Cloud 辦公室 )裡頭有10幾座專業實驗室 ,可讓Google工程與供應鏈團隊及台灣合作夥伴,在研發出的產品部署到Google 世界各地的資料中心和AI基礎建設之前,進行最嚴謹的測試、檢驗與優化。 圖片來源/Google 台灣美國實驗室差異是什麼? Google Cloud辦公室在台北市士林區設置10幾座Google實驗室,與美國Google實驗室有何不同?Google官方表示,兩者僅在規模上有些差異,研究方面,如散熱技術、debug、主機板、機械、永續等都很類似;在設備部分,美國與台灣的實驗室都一樣優異,都來自於供應商的夥伴。 圖片來源/Google [joblist_plugin title='更多104【Google_美商科高】工作機會' url='https://www.104.com.tw/company/ctzow2g' amount='5']
【104職場力】

有任何收穫或想分享的,都來和大家一起聊聊吧!