Eric Liao  |  廖庚寅   Senior Frontend Developer

畢業後考上公務員高考都市計畫技師,累積三年專案管理經驗。期間自學前端、轉職工程師。有四年開發經驗,曾獨立為公司開發後台系統,包含前端 UI、後端 API 及建置資料庫。

喜歡思考各種可能性、不斷實驗各種架構,以更接近 Clean Architecture。是一位細心自省、具有溝通協作、商業營運思維之問題解決者。

  Taichung City, Taiwan /   [email protected]

工作經歷


資深前端工程師

泰爾科技股份有限公司

2020/12 至今

  • 使用 Vue、Nuxt 開發官網、後台及商城,使用 VanillaJS 客製各類 UI 組件及動畫特效,如產品展示動畫、部落格、富文本編輯器等。
  • 運用 Cypress 進行 E2E 測試。
  • 因主管肯定開發品質,指派協助引導新人訓練、code review 等。

資深前端工程師

搞之訊有限公司

2020/2 - 2020/11

  • 獨立開發後台系統,包含全數前端 UI 介面及後端系統。使用 Node.js、MySQL 建置符合 MVC 架構之 API。
  • 設計前端架構、導入並與團隊討論 Style Guide 風格指南
  • 使用 Vue、Quasar 共同開發 SSR 之 Web App。如建置聊天室、會員登入、權限驗證等功能,以及各 Canvas 視覺化動態統計圖表。

前端工程師

順豐科技有限公司

2019/8 - 2020/2

  • 運用 PHP、Laravel、MySQL 改版動態網站,新增多國語系功能
  • 持續與團隊討論、重構組件,以符合低耦合、高內聚原則。

  • 優化後台網站 UI 及 UX,大幅提升操作流暢性、受主管肯定

  • 使用 CreateJS、Canvas 運算物理運動,製作大型遊戲動畫。

前端特效師

英創達網路有限公司

2018/5 - 2019/3

  • 運用 Gulp、Sass、Pug 獨立切版 6 個大型網站,包括長庚醫院、楓康商城等各,建置 240 以上 RWD 、跨瀏覽器之頁面
  • 使用 GreenSock 製作互動性高、多時間軸之特效動畫。
  • 長期與設計師討論、提升優化使用者介面及體驗。

技能


Front-End

JavaScript / Vue / Vuex
Nuxt / Quasar
HTML5 / CSS3 / Sass / Pug
GSAP / CreateJS / Canvas 

Tools / Cloud

Webpack / Gulp
Firebase / GCP
Git / GitHub
Lighthouse / DevTools

Back-End

Node.js / Express
MySQL
Sequelize ORM

Design Tools

Photoshop
Figma
Zeppelin

學歷 / 證照



國立成功大學 2008 - 2013

學士學位學程暨都市計畫學系



TOEIC 多益英語測驗

藍色證書(780分)


國家高等考試高考/

都市計畫技師


專案



搞運彩(官網)

使用 Vue、Quasar 共同開發 RWD、SSR 之 Web App。

運用 Firebase RealtimeDB 建置即時聊天室、會員登入系統、權限控制、推播訊息等等。

處理上千筆統計資料,並透過 Chart.js、Canvas 視覺化統計圖表。


搞運彩(後台)

獨立開發後台 API 及各頁面。

使用 Node.js、Express、MySQL 建置 MVC 架構 API。另運用 Vue、Element-ui 快速切版後台網站。


長庚醫院網站(掛號頁面)

使用 GSAP 建立 SVG 動畫特效、顯示掛號流程。

熟悉各類大型表格 RWD 切版,如:反轉類型絕對定位偽元素


Greensock 形象動畫

模仿國外網站,使用 GSAP 製作具有互動性、多時間軸之 SVG 動畫。


筆記分享平台

運用 Vue、Firebase 獨立開發網站,並可註冊帳號、存取資料等

曾使用 GCP、PM2、Nginx 架設 SSR 之網站。

紫金堂月子中心(官網)

熟悉運用 Pug、Sass 預處理器,快速切版 RWD 頁面。

使用 Gulp.js 自動化工具,編譯工具、打包、壓縮圖片等。


紫金堂月子中心(商城)

全頁面 RWD 切版。

習慣閱讀及調整第三方工具,如 google Map、Lity、Slick、SplitTextScrollMagic 等等。

大樹連鎖藥局(商城)

全頁面 RWD 切版。熟悉運用 flex、Sass 切版各種尺寸畫面。

並使用 GSAP 建立多層次時間軸之開闔選單動畫。


Powered by CakeResumePowered by CakeResume