—

杜政倫 | 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
CakeResume