Uype6tiwsduwkqa9i3tc

Brent Hsieh

資深前端工程師  •  台北市,TW  •  [email protected]

7 年的前端開發經驗,服務過多個知名國際品牌客戶,協助建置各種不同類型的網站(如:品牌官網、自媒體、會員系統、電子商務、活動網站⋯ 等),平常執行專案時會希望能夠將網頁設計師的設計稿盡可能的做到完美還原,同時兼顧各個裝置以及瀏覽器,並優化效能提供使用者良好、流暢的瀏覽體驗。

-

技能


Web 前端開發

HTML5

CSS3 (with SASS/SCSS/Stylus)

JavaScript

Vue.js / VueRouter / Vuex

jQuery / JQuery UI / JQuery Mobile

Bootstrap

Skeleton

Responsive Web Design

Gulp / Webpack

Git / Github

SEO

SVG

Canvas

Google Vision

Pusher

Webduino

Three.js

Pixi.JS

Socket.IO

無障礙網站

各平台 API (Facebook, Google, LINE ...)


Web 後端開發

PHP

PhpMyAdmin

MySQL


開發工具 / 其他項目

Adobe Photoshop

Adobe Illustrator

Adobe XD

VSCode

Sublime Text

Figma

Sketch

Facebook Spark AR

-

Wordpress

Google Analytics

Google Tag Manager


精選專案

4A 廣告 30 年 我還在做創意!

4A 廣告獎盃上會顯示截至目前為止收集到的文字,並以跑馬燈的方式來呈現,點擊獎盃上的文字也可查看更多內容,使用者也可以自己進行創作,讓更多人看到激勵自己的那句話
  • 網站使用 Three.js, Pixi.js
  • 使用 Webpack 進行打包
  • 使用 Pug 來編寫 HTML
  • CSS 預處理器使用 SCSS
Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x

仕高利達 Lead 挺海量王

此活動會於熱炒店進行,酒品促銷人員會使用 iPad 開啟此網站和店內的顧客進行遊戲互動,顧客們掃描 QR Code 後即可進入手機版遊戲頁面並進行分隊,遊戲開始後酒促人員手上的 iPad 畫面會即時同步更新目前遊戲戰況。

  • 使用 WebSocket (Pusher with PHP) 來即時同步多個裝置 (前後端皆由本人負責處理)
Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x

Paragraph image 01 00@2x

Work of a Decade

Portfolio of HUANG YI KAI at M’ORANGE, 2010-2020

  • 網站使用 Vue.js, SCSS
  • 透過 Vue Router 處理多頁面的需求
  • 使用 Lazy Load 延遲載入圖片,以提升用戶體驗、優化網站載入速度與減輕伺服器負擔
  • 使用 Google Analytics 來觀測網站的訪客來源、網站流量、用戶的瀏覽器與作業系統
  • 提供使用者安全的瀏覽環境,設定 .htaccess 將 HTTP 一律轉換為 HTTPS


Paragraph image 01 00@2x

Innodisk 宜鼎國際

Explore how AIoT solutions are bringing our future to the present.

  • 網站使用 Vue.js, SCSS
  • 依照客戶需求,採用 AWD (自適應式網頁設計) 並搭配 fullPage.js 進行開發
  • 使用 Vuex 與 vue-i18n 管理及提供多個語系的選擇供使用者使用
  • 使用 SVG 動畫提升網站整體的使用體驗
  • 使用 Google Analytics 來觀測網站的訪客來源、網站流量、用戶的瀏覽器與作業系統


Paragraph image 01 00@2x

台灣麒麟 KIRIN 樂飲誌

台灣麒麟樂飲誌提供你不同的生活價值提案,無時無刻讓歡笑拉近彼此的距離。

  • 網站主要使用 jQuery 搭配 PHP 進行開發
  • 使用 Google Maps API 為使用者提供特定酒品販售地點及文章提及的店家資訊
  • 使用 SVG 動畫提升網站整體的使用體驗
  • 部分單元使用 Lazy Load 延遲載入圖片,以優化網站載入速度與減輕伺服器負擔
  • 使用 Google Analytics 來觀測網站的訪客來源、網站流量、用戶的瀏覽器與作業系統

工作經歷


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

資深前端工程師, Mar. 2021 ~ 現在

將視覺設計的圖檔切版產生 CSS + HTML。

- 依照效果需求編寫 Javascript

- 研究跨平台的前端解決方案,包括行動裝置。

- 研究新型態的前端互動方式。


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

資深前端工程師, Jan. 2014 ~ Mar. 2021

- 製作符合 W3C 標準網頁,並熟悉 HTML、CSS 等前端開發技術

- 網頁佈局可兼容各瀏覽器,並了解各瀏覽器所常見的 CSS BUG - 了解 Javascript、jQuery、Ajax

- 熟悉 Firebug、IE Developer Toolbar 等頁面除錯工具

- 具備圖像處理能力,並從中進行圖片優化;並了解在什麼時候可用 jpg、png8、png24 等格式圖片。

- 業界 API 與產業技術趨勢掌握 ( Facebook API / Google API / LINE API … )

- 手機 Web site & 互動科技 & HTML5 相關技術趨勢掌握

- 了解各類外部資源的整合能力 (例:影音檔、文件檔、swf ... 等)

- 網站 SEO 建置 & 專案流量偵測建置

學歷

東南科技大學

資訊管理系(學士學位), 2009 ~ 2013

Powered by CakeResumePowered by CakeResume