Profile 03 00@2x

鄭宏璋  ( Luke )  

Front-End 前端工程師

Angular

座右銘: 有捨 有得

        目前擔任 新金寶集團 前端工程師  ( 2019/07/06~ Now ), 進入金寶後,團隊重視的是團隊合作,常常需要開會討論,需以工程師的立場來評估並給予建議,並在有限的時程下完成任務,執行任務的過程中,學習到了溝通的重要性,並在不同的任務中,持續學習成長 ; 

在解決問題的過程中,更了解 Javascript 最底層的原理,並規劃程式共用性,並盡可能在短時間內,快速解決問題以及突發狀況,有辦法或透過各種資源學習新技術的習慣,在前端的領域只覺得越來越覺得有趣,讓我們來挖掘其中的樂趣吧!!


工作經歷

新金寶集團 / 前端工程師:( 2019/7 ~ Now ) 

  • 使用框架 AngularJS / Angular + RxJS + Typescript 
  • 官網建置及維護 
  • 使用 Ajax 與後端合作串接資料 
  • 將專案 Java 框架 轉換成 Angular 9 
  • 教導菲律賓工程師 觀念及工具

巧禾數位 / 前端工程師:( 2018/8 ~ 2019/7 )

  • 使用框架 Vue.js / Nuxt.js 
  • 活動網站建置及維護 
  • 使用 Ajax 與後端合作串接資料
  • 串接 Line / Facebook 登入


佳因企業 / 網頁設計師:( 2016/10 ~ 2018/4 ) 

  • 公司網站維護 & 修改成手機版 
  • Google Ayanlytics 分析,Google tag manager,hotjar,YouTube,Facebook 經營 
  • Google,Yahoo 關鍵字廣告設定 
  • 影片拍攝及剪輯 
  • 產品拍攝及修圖 
  • DM,海報,名片設計





  Javascript

  •  JavaScript (ES6) 
  •  jQuery、plugin
  •  Vue.js、Nuxt.js ( 3 Months )
  •  AngularJS  ( 6 Months )
  •  Angular + RxJS  ( 3 Months )
  •  Ajax / Axios 串接 API 撈取遠端  JSON 資料 
  •  實作 Facebook , Line 登入串接


 RWD Layout

  • HTML / CSS 
  • 能解決跨瀏覽器的相容性
  • 能不依賴 framework 客製化網頁
  • 具有 UI 和 UX 的敏感性
  • 能以 SCSS 撰寫更好管理的程式碼
  • RWD 的 CSS 語法、技巧


  Tools

  • Git / npm
  • Github / Gitlab
  • Postman
  • Chrome Dev Tool 
  • 使用 Sourcetree 工具
  • Google Analytics 使用
  • 了解 Google 關鍵字廣告


工作作品 / Front-End 



Paragraph image 03 00@2x

12.XYZ-Printing ( 多語系 )

網站連結 

將專案從 Play Framework
轉成 Angular 9

相關技術: 

  • Angular 9
  • Angular Cli
  • ngx-translate 多國語系
  • RxJS + Typescript
  • API 串接 
  • SCSS

Paragraph image 03 00@2x

11.XYZ-Printing ( 多語系 )

網站連結 

Play Framework + AngularJS

相關技術: 

  • AngularJS
  • jQuery
  • javascript 
  • API 串接 
  • SCSS
  • i18n 多國語系

Paragraph image 03 00@2x

10.永豐銀行-大戶

網站連結 

切版及動畫效果

相關技術: 

  • SCSS
  • jQuery
  • javascript 

Paragraph image 03 00@2x

9.路博邁 刮刮樂 (Mobile)

網站連結 

串接 Line 登入 + 串接後台 API + canvas 刮刮樂效果

相關技術: 

  • SCSS
  • canvas 套用
  • jQuery
  • javascript 

Paragraph image 03 00@2x

8.富達息專家

網站連結 

切版,及拼圖效果

相關技術: 

  • SCSS
  • jQuery
  • javascript 

Paragraph image 03 00@2x

7.台新 Richart

網站連結 

利用 css 製作連續動畫 + Javascript 製作 loading 畫面

相關技術: 

  • SCSS
  • CSS Animation 
  • jQuery
  • javascript 頁面 loading

Paragraph image 03 00@2x

6.鋒裕匯理投信

切版及效果

相關技術: 

  • SCSS
  • jQuery
  • javascript 

Paragraph image 03 00@2x

5.富邦投信

網站連結 

position 定位(上下移動的 4 個 icon)

相關技術: 

  • SCSS
  • CSS Animation
  • jQuery
  • javascript

Paragraph image 03 00@2x

4.保德信投信 

依照客戶需求客製化頁面

相關技術: 

  • SCSS
  • Flex
  • jQuery
  • javascript

Paragraph image 03 00@2x

3.股感網站 (切版)

網站連結 

Tab 切換效果+ swipe slide 套件

相關技術: 

  • SCSS
  • jQuery
  • swiper slide

Paragraph image 03 00@2x

2.股感網站 (切版+js)

網站連結 

SCSS + Javascript 依照輸入的年齡切換圖片,並進入下一步

相關技術: 

  • SCSS
  • jQuery
  • javascript 

Paragraph image 03 00@2x

1.股感網站 (切版+js) 

網站連結 

SCSS + Javascript 左右按鈕&控制點&左右滑動&左方三個 card click 觸發 slide 

相關技術: 

  • SCSS
  • jQuery
  • javascript 

Powered by CakeResumePowered by CakeResume