P0nwlqomspb5mnt6gc72

黃敏嘉

我是一名 Web 前端工程師,目前工作經歷一年半

喜歡旅遊、與人交流,空閒時我也會持續鑽研新的技術和工具,未來目標是深化前端工程的技能與思維,並朝全端工程師邁進。

Web 前端工程師
希望求職地點:台北
[email protected]

工作經歷

奇點無限, 前端工程師, Sep 2018 ~ Apr 2020

  • 前端獨立開發
  • 負責畫面切版、程式邏輯實作、多國語系網站

  • API 串接,將複雜的資料轉換成 User-Friendly 的畫面

  • 分析 SEO 成效,持續追蹤流量並做出修正


技能


前端

  • HTML5 / Pug - 2 年
  • Bootstrap / SCSS - 2年
  • JavaScript - 2 年
  • Webpack / Gulp - 1 年
  • React / NextJS - 0.5 年
  • i18n / LeafletJS - 0.5 年
  • 圖片載入優化 -
    Image Lazy Load
    / SVG Sprite / Inline SVG



後端

  • NodeJS, ExpressJS - 2 年
  • PostgreSQL, Sequelize - 0.5 年
  • Docker 基本配置 - 0.5 年


工具 & 其他

  • Git, VSCode
  • PostMan, Zeplin
  • MacOS
  • SEO - 2.5 年
  • Python / R (資料分析) - 2 年


個人作品 - 服飾電商網站

  • 使用 React 串接後端 API,實作出精美的購物網站
  • 實作重點:
    • 深入了解 React, React-Hooks, LifeCycle 觀念並實作元件 (含購物車)
    • 以 React-Router 實現前端路由
    • 串接後端 API,動態取得商品資訊
    • 熟悉 GCloud SDK,以 Google App Engine 部署上
Paragraph image 00 00@2x

專案作品 - 公司產品官網 AIRouting

  • 與公司團隊合作開發,目的是介紹公司產品、互動式的產品 Demo 及實作後台系統
  • 獨立前端開發 :負責 API 串接、前端邏輯實作及畫面切版、部分文案撰寫
  • 實作重點:
    1. Webpack 及 inline SVG 配置
    2. 串接公司產品的 API:以OSM 地圖呈現回傳結果
    3.  web版『開發者文件』
      將複雜的 API 說明文件用清楚美觀、容易理解的方式呈現
    4. 使用 Google 結構化資料標記:在 搜尋引擎中呈現更豐富的內容
    5. SEO 成效:關鍵字 "airouting", "AI 物流 調度系統",google 搜尋結果排名第一

      其中產品名 "airouting" 更擠下其他『同名』的公司,佔據 google 搜尋結果的前四名


SEO 搜尋引擎優化

輸入關鍵字:

『airouting』, 『AI 物流 調度系統』 google 搜尋結果排名第一。


其中,產品名稱 "airouting" 更擠下其他『同名』的公司,佔據 google 搜尋結果的前四名

Paragraph image 04 00@2x
Paragraph image 04 01@2x

Paragraph image 03 00@2x

Google 結構化資料標記

將網站的 F &Q 收錄至 Google 搜尋引擎中,讓使用者一眼就了解產品特色

專案作品 - 車隊調度系統

  • 與設計師及後端合作,開發車隊調度 Dashboard
  • 負責所有畫面切版及美化:精準重現 UI/UX 設計稿,包含動態計劃表、即時地圖、會員設定、Error 畫面。
  • 電子郵件切版與測試,包含:Gmail, Outlook, Mac 內建郵件軟體

專案作品 - 公司內部系統

  • 前端獨立開發
  • 與 UI/UX 合作,依據系統需求文件,實作成實際的網站畫面
  • 實作重點:
  1. Bootstrap + SCSS 客製化切版
  2. 製作 CRUD 表單,並以 ParsleyJS 進行表單欄位驗證

架構規劃 - 公司部落格

  • 依據公司需求:多國語系的部落格,進行系統架構規劃資料庫設計
  • 繪製資料庫 UML,並製作 Wireframe

專案作品 - 多國語系形象網站

  • 依據公司需求,開發多國語系形象網站
  • 與 UI / UX 設計師合作( 使用 Zeplin 溝通)
  • 前端獨立開發
  • 實作重點:
    • Bootstrap 搭配客製化 SCSS ,開發 RWD 網站
    • 針對中/英文的語言特性,調整多國語系的排版細節,優化 User 閱讀體驗
    • 考慮瀏覽器及不同作業系統的相容性,向下支援至 IE 11
    • 分析網站 SEO 成效,持續追蹤流量並做出修正

學歷

中興大學統計學研究所

中興大學應用數學系

Powered by CakeResumePowered by CakeResume
Powered by CakeResumePowered by CakeResume