Hkdgi2t2qzypddgaradh

蔡承恩

網頁前端工程師  •  台北市,TW  •  [email protected]

四年網頁前端開發經驗,

擅長各種功能元件開發,API串接。

技能


前端

Javascript-DOM的存取使用;各種web APIs的使用;ES6+


React - 各式元件開發;Router、Redux、Hooks的使用


jQuery - 互動性與便捷的DOM存取


後端

Node - Express.js 架設 Web server端


PHP - 資料處理與API撰寫




自動化

Nightwatch - 前端e2e的自動化測試、爬蟲資料蒐集


Python - 爬蟲資料蒐集


程式工具

git-團隊協作、版本控管


npm - JS的套件安裝應用


postman - API串接測試


團隊溝通

Teams、Slack、Trello、Jira、Axure、Line




經歷

2009 年 9 月 - 2014 年 6 月

國立台灣大學 - 資訊管理學系

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

2015 年 6 月 - 2016 年 7 月

網路甜點店 - 糖惱鴨 店長

Experiences 00 01@2x 6daa47d1df70d315f129dcecdd562003831581c4cdd8f9c819aa22d4a24ae150

2016 年 8 月 - 2018 年 4 月

和盟電子商務公司 - 網頁工程師

Experiences 00 02@2x d08cb731546334ac3e784c5845e368719bba256a127be86e720a634d798b8bb9

2018 年 4 月 - 至今

104資訊科技公司 - 網頁前端工程師

Experiences 00 02@2x d08cb731546334ac3e784c5845e368719bba256a127be86e720a634d798b8bb9

目前工作

於104資訊科技公司擔任旗下產品104銀髮銀行的網站Web Team組長

- 與PM討論開發需求並估計時程 

- 與設計師共同討論畫面呈現問題 

- 根據axure提供的概念原型與規格內容來實作網頁畫面與功能元件 

- 與API Team協作串接API 

- 處理各瀏覽器畫面相容性問題 

- 配合SEO或GA在程式上需要的優化與調整 

- 遵循團隊 coding style 

- 當API Team忙不過來時支援撰寫code 

- 與團隊協作搜集資料(以Python實作爬蟲) 

- 撰寫end to end的自動化測試(使用Nightwatch.js) 

- 優化專案程式架構 

- 優化使用者體驗(縮短網頁載入時間) 

- 帶領新進工程師,幫助他們解決問題並有所成長 

Profile 05 00@2x

前台網站

實作: 

Server-side Render、各式資料API串接、GOOGLE地圖串接、Youtube API、Google Data Structure、頁面PDF元件、Code Splitting......

Profile 05 00@2x

後台網站

實作: 

各式資料API串接、各種表單需求、日曆與時間元件、資料順序可拖曳改變、圖片編輯器、資料匯入匯出、前台預覽功能......

參與專案

於和盟電子商務公司參與過的網站建構專案。

美體小舖 - THE BODY SHOP

- 商品評分系統

- 進階搜尋系統 (不跳頁)

- LINE LOGIN串接

- 與三竹簡訊API串接

- 會員忘記密碼傳送新簡訊通知

- 常見問題元件開發


新光三越 - beauty stage

- 商品評分評論系統

- 推薦商品輪播元件

- 網站管理後台商品管理優化

- 網站管理後台大批匯入優化

- 網站管理後台Tag系統

JOO 品牌商店街

- 結帳頁面優化

- 系統維護

- 與Yahoo 超級商城API串接

- 與Momo 摩天商城API串接

- 與Every8d簡訊API串接

- APP推播管理系統


三立電視台 - 電電購

- 功能優化與維護

- 台灣大哥大簡訊API串接

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124
Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124
Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd