杜政倫 | Larry Du

好想工作室 Web 前端技術研究

  https://github.com/larry-du

  [email protected]



主要技能


  HTML /   CSS

  • HTML 
  • RWD 
  • DartSass


  Javascript /   Vue.js

  • Javascript 
  • Vue CLI 
  • RESTful API 

  Other

  • Git / Git flow 
  • Unit Test -- Jest

工作經歷


2020/01 - Present

Web 前端工程師 好想工作室

2012/11 - 2019/04

產品應用工程師  光映科技股份有限公司 

  • 分析光罩異常缺陷,協助客戶提高良率(95% -> 98%)。
  • 光罩製程設備售後服務,主導制訂巡檢策略,降低異常發生率(40% -> 20%)。
  • 評估製程環境,主導專案進行(光罩設備/製程建立)。

2010/11 - 2012/06

設備維修工程師  奇蹟光科技有限公司 

  • ROBOT(DBM2000)維修
  • 修復後測試 (Burn in test)
  • 部分管理職( 1 ~ 5 位工程師工作調配,工作進度流程掌握)

專案開發


呷呼健康

個人飲食規劃紀錄,為多人協作專案

  • 會員系統開發
  • 後端資料串接
  • 表單驗證 

Vue CLI  RESTful API  Regular Expression  RWD

作品展示 :

旅館預約

  • 房型預約系統開發
  • 後端資料串接

Vue CLI  RESTful API  RWD


作品展示 :

To Do List

Vanilla JS 、jQuery、Vue(cdn) 三種版本實作

  • 新增、修改、編輯、刪除待辦事項
  • 可拖曳待辦事項
  • 可標記仲要、已完成狀態

Vanilla JS jQuery  Vue (cdn)  DartSass  RWD


作品展示 :

Side Project


瀑布流排版

使用 Marsonry 實作,串接 1 支 RESTful API ,利用 imageLoaded,在圖片載入後,啟動瀑布流效果。

作品展示 : 點擊前往

混音器

自己對 "聲音"有興趣,透過 Web Audio API 來合成/改變聲音的實驗,連結所有 Audio Node 到 Destintaion 播放聲音。

作品展示 : 點擊前往

太陽系

使用 SCSS ,透過 animation 實作,各星系可旋轉,並讓背景的星星可藉由亂數位置分佈於背景。

作品展示 : 點擊前往

靜態網頁開發

Pair Programimg使用 Bootstrap grid system,即時 code review,透過互換 navgitor/driver 方式體驗角色和思考差異。  

作品展示 : 點擊前往

社群分享 | 讀書會


社群分享-Flex box

Flex box  原理,如:

  • Flex Formatting Context

  • Flex container、item

  • main-axis、cross-axis

  • Flex- grow、shrink、basis

簡報連結:


社群分享-Web Audio API

Web Audio API 基礎概念分享,如:

  • Audio Node
  • Audio Context
  • Audio Graphs

簡報連結:



Powered by CakeResumePowered by CakeResume