Avatar of Brent Hsieh.

Brent Hsieh

資深前端工程師 / 前端互動技術指導
擁有 9 年的前端開發經驗,服務過多個知名國際品牌客戶,依照需求協助建置、開發各種不同類型的網站及互動體驗(如:品牌官網、自媒體平台、會員系統、購物車系統、預約系統、活動網站、AR 互動、展場實體裝置⋯ 等)。此外,也會在不影響正職工作的前提下,參與一些和人權議題有關的專案。在執行專案時會希望能夠將網頁設計師的設計稿盡可能的做到完美還原,同時兼顧各個裝置以及瀏覽器,並優化效能提供使用者良好、流暢的瀏覽體驗。若是有適合或想嘗試的動態特效,會在與設計師討論過後,適當的將其應用於專案中,為作品帶來更好的視覺效果。
米蘭營銷策劃股份有限公司
東南科技大學
台灣台北市

Skills

HTML5
CSS3
JavaScript
Pug
SASS/SCSS
Stylus
Vue.js
Vue Router
Vuex
jQuery
React.js
Bootstrap
RWD
Gulp
Webpack
Vite
SVG Animations
WebGL
GSAP
Three.js
Pixi.js
Anime.js
Pusher
Socket.IO
Webduino
Git
Sourcetree
VS Code
Sublime Text
Docker
FileZilla
Heroku
Google App Engine
Postman
Firebase
Photoshop
Illustrator
XD
Figma
Sketch
Google Vision API
Google Analytics
Google Tag Manager
WordPress
Chart.js
D3.js
SEO
PHP
PhpMyAdmin
MySQL
Node.js
NPM
Yarn
第三方API串接

Languages

Chinese
Native or Bilingual
English
Intermediate

Work experiences

資深前端工程師 / 前端互動技術指導 / 前端互動技術副總監

米蘭營銷策劃股份有限公司
Full-time

Mar 2021 ~ Present
Taipei City, Taiwan
- 將設計師提供之設計稿進行切版,產出 HTML 與 CSS - 網頁動態效果、特效 (CSS transition / animation, SVG, Canvas, WebGL) 製作 - 與後端工程師配合 (套版、前後端分離 API 串接) - 製作符合 W3C 標準、可兼容於各個瀏覽器及不同裝置的網頁 - 活動網站、會員系統、品牌官網製作與維護 - 協助埋設 Google Analytics (Pageview / Event) 與其它媒體追蹤碼進行成效分析 - 整合第三方平台 API (Facebook, Google, LINE, Instagram ... 等) - 網站 SEO 建置 (Meta 資訊、HTML5 語意化標籤、<img> alt 替代文字、結構化資料 ... 等) - 使用 Git 進行專案版本控制,熟悉 Git Flow 流程 - Web AR / 實體互動裝置研究與製作 - 外發專案的工時及費用評估 - 與專案第三方合作廠商進行溝通與協調,找出最適合的協作方式 - 開發新技術與專案架構優化、技術風險評估 - 協助新進工程師熟悉工作內容、評估及分派適合專案與專案製作經驗分享 - 評估與導入新技術與工具軟體,並嘗試將其推廣、分享至其他部門

資深前端工程師 / 程式部主任

Moulin-Orange 橘子磨坊數位創意溝通股份有限公司
Full-time

Jan 2014 ~ Mar 2021
7 yrs 3 mos
Taipei City, Taiwan
- 將設計師提供之設計稿進行切版,產出 HTML 與 CSS - 網頁動態效果、特效 (CSS transition / animation, SVG, Canvas, WebGL) 製作 - 與後端工程師配合 (套版、前後端分離 API 串接) - 製作符合 W3C 標準、可兼容於各個瀏覽器 (含 IE 6 ~ 11) 及不同裝置的網頁 - 活動網站、自媒體平台、會員系統、電商網站、品牌官網製作與維護 - 協助埋設 Google Analytics (Pageview / Event) 與其它媒體追蹤碼進行成效分析 - 整合第三方平台 API (Facebook, Google, LINE, Instagram ... 等) - 活動網站後端程式製作 (Facebook Messenger / LINE Chatbot, WebSocket, 活動資料表單) - 網站 SEO 建置 (Meta 資訊、HTML5 語意化標籤、<img> alt 替代文字、結構化資料 ... 等) - 使用 Git 進行專案版本控制,熟悉 Git Flow 流程 - Facebook Spark AR / Web AR / 實體互動裝置研究與製作 - 開發新技術與專案架構優化、技術風險評估 - 協助新進工程師熟悉工作內容、評估及分派適合專案與專案製作經驗分享 - 協助設計師處理設計稿與圖像、廣告 Banner Resize - 評估與導入新技術與工具軟體,並嘗試將其推廣、分享至其他部門 - 公司內部軟硬體安裝建置及問題排除

Educations

東南科技大學

Bachelor’s Degree
資訊管理系

2009 - 2013
Powered By CakeResume