前端工程師履歷

此範例展示前端工程師如何將介面工作與速度和可用性上可量化的提升連結起來。這類職位的優秀履歷能讓產品情境、前端技術堆疊、無障礙設計實務，以及對使用者或交付的影響一目了然。

個人簡介

具備6年為客戶支援與營運團隊建置B2B SaaS產品經驗的前端工程師。精通React、TypeScript、無障礙介面模式與網頁效能，擁有改善頁面速度並減少核心工作流程阻礙的實績。從探索到發布階段皆與產品、設計及後端團隊緊密合作。

工作經歷

Cedarline Software 前端工程師（2022 - 至今） - 使用React與TypeScript重構帳戶儀表板，在關鍵客戶工作流程中將最大內容繪製（LCP）中位數從3.6秒縮短至2.7秒。 - 為共用表單元件新增鍵盤導覽與螢幕閱讀器標籤，解決內部WCAG 2.2 AA審查中發現的18項無障礙問題。 - 整合計費與使用量檢視的REST端點，讓每位客服團隊成員每週減少約4小時的人工帳戶檢查。 Juniper Mesa Technologies 前端開發工程師（2020-2022） - 使用React建置響應式的新手引導與設定流程，在受控的產品測試中將完成率從71%提升至78%。 - 為24個高使用率元件新增Jest與React Testing Library測試覆蓋，減少每月發布後回報的介面回歸問題。

學歷

資訊科學學士 - Western Slope Institute（2020）

技能

React
TypeScript
JavaScript
Next.js
HTML
CSS
網頁效能
WCAG無障礙
響應式設計
REST API
Jest
React Testing Library

精選專案

• 共用元件庫：為跨三個產品團隊使用的32個React元件撰寫文件。 • 效能優化專案：使用Chrome DevTools與Lighthouse分析並最佳化儀表板渲染效能。

工具

• React、TypeScript、Next.js、Vite、Jest、React Testing Library • GitHub、Figma、Chrome DevTools、Lighthouse

使用此範例

使用此前端工程師履歷開啟製作工具，然後將範例替換為你自己的詳細資料。

從空白履歷開始

常見關鍵字

此職位經常列出的技能與工具。請僅使用你具備的項目，並採用職缺中的用詞。點擊即可複製。

履歷動詞

建置改善降低發布重構整合自動化

如何撰寫前端工程師履歷

先寫你的前端技術堆疊

將最符合職缺要求的技術放在最前面，再說明你在各份工作中如何使用它們。框架請搭配所支援的工作一起寫出，例如用React與TypeScript建置儀表板。有相關時，也可以列出HTML、CSS、JavaScript與測試工具。避免列出你碰過的每一個函式庫；技術堆疊請聚焦在你能詳細說明的工具。

用數據呈現介面成果

選擇能把介面變更與速度、任務完成率、客服負擔或發布品質連結起來的成果。說明變更內容與評估方式，例如改版前後的Lighthouse或實際使用環境效能指標、產品測試，或回報的回歸問題變少。範圍要清楚、數字要保守。除非你能佐證兩者的關聯，否則不要宣稱改版帶來了業務成長。

說明你實際做過的無障礙工作

寫出你採用的標準或做法，例如WCAG 2.2 AA審查工作、鍵盤測試、語意化HTML或螢幕閱讀器檢查。說明你改善了哪些元件或流程以及帶來的改變。避免僅根據你自己的審查就宣稱整個產品「符合WCAG」；符合性聲明取決於範圍與評估方式。無障礙工具只有在你實際用過時才列出。

專案連結只放相關的

當作品集或程式碼範例展示難以在要點中解釋的介面決策、響應式行為或無障礙互動時，會很有幫助。連結少數精緻、最新的範例，並明確指出你的貢獻，特別是針對團隊專案。省略機密的雇主程式碼、已停止維護的展示範例與通用的工具清單。只有在工作要求時才包含證照；前端工程沒有通用的執照。

所有軟體工程與雲端履歷範例

關於此職位的問題