莊杰翰

你好，我的名字叫莊杰翰，大家都叫我 William。

在2022年1月到至今，任職於華碩電腦股份有限公司的 Front End 前端程式開發工程師一職。
在2020年7月到2021年12月任職於緯德科技股份有限公司的 Front End 前端程式開發工程師一職，被外派到位於大安區的 "Acer 宏碁資訊服務公司" 擔任前端開發人員，編成在“planet9”遊戲數據整合平台團隊中，主要工作：API串接、第三方社群API 串接、金流介面開發、會員系統開發、對戰介面開發、教練介面改版...等。
在2019年3月到2020年7月任職於新宏科技股份有限公司的 web前端工程師一職，主要負責編寫網站代碼，包括 RWD、前後端資料串接、模組化編程、UIflow製作。
在2020年3月至2020年7月學完資策會的“ 前端工程師培訓課程 ”，在2018年7月至2019年3月學完資策會的“ UI/UX介面設計師 ”培訓課程，從中學習了基礎前端程式語言編碼、react.js 前端框架、node.js api設計、前端框架組件設計、php後台管理介面製作、JS動畫效果製作、mysql資料庫語法，設計部分學習了視覺影像處理、UI設計、網頁色彩學，在短短半年學習的過程中，我發現對網頁程式開發有著極大的興趣，並有下定決心將程式語言及網頁設計專研透徹。
在職涯規劃上，希望先深耕於前端技術，在空閒之餘會將後端技術補足(ex: java and springboot)，目標是往全端發展，為了能在公司有需求時即時完成日常所需之任務。
在生活上，積極樂觀開朗向上抱著虛心求知的態度，希望能有機會進入貴公司擔任web前端工程師一職，為公司未來一起打造出一片更美好的天地。

New Taipei City, Taiwan https://treefonts.com/

Skill

Front-end skill

Node.js React Vue.js JavaScript Sass

Back-end skill

php Mysql Redis Java mongodb

Design Tools

Illustrator Photoshop InDesign 3Dmax Sketch

工作經歷

Front-End Developer 前端工程師

華碩電腦股份有限公司 • 一月 2022 - 至今

------------- 使用技術 -------------

1. 前端框架 : Vue.js（Vue2 & Vue3）
2. 前端技術：javaScript(ES6、ES7), Node.js, Three.js, AR.js, A-Frame, Unity, Scss

3. 版本控制：Git (gitlab)

------------- 工作內容 -------------

1. 負責商用電腦事業群 “商用機台映像檔雲端平台” 開發

-> 主要負責：
映像檔與工廠串接流程、通知用戶建立工廠流程狀態系統、Custom OS流程開發、多國語系系統建置，由於在亞太地區運營狀況良好，平台將面向國際化(泰國\澳洲\日本\英國\法國)。

2. 負責筆電事業群 “WebAR體驗” 開發

-> 主要負責：
研發WebAR技術，針對圖像跟蹤及辨識能力進行提升。製作ROG VVIP CARD的AR互動體驗，提升VIP卡的自身價值，在2022/8導入至產品中；協助Gamming BU 製作Web AR體驗，只需透過手機瀏覽器即可體驗到ROG為使用者精心設計的彩蛋，產品包含Flow Z13 、Duo 16、GA102，專案已於2022/3月份上線；製作Zenbook包裝AR互動體驗，增加包裝豐富度和AR應用價值，將於在2023年導入至產品中。製作Vivobook新機種彩盒WebAR體驗，增加開箱體驗豐富度和AR應用價值，通過WebAR傳達ASUS永續議題和產品融入循環經濟概念。

3. 負責人工智慧物聯網業群 “機台故障預測與健康管理平台(PHM)” 開發

-> 主要負責：
協助 AIS PHM平台功能開發，負責開發可重複使用的UI元件集合體平台;元件化設計，提升團隊的生產力，讓工程師專注於功能開發，保證產品輸出一致的規範基礎，同時也能快速完成更多產品需求和提升團隊的工作效率。

Front End 前端程式開發工程師

緯德科技股份有限公司 • 七月 2020 - 一月 2022

外派到位於大安區的 " Acer 宏碁資訊服務公司 " 擔任前端開發人員，編成在“planet9”遊戲數據整合平台團隊中。

------------- 使用技術 -------------

1. 前端框架：React.js（Hooks）

2. 前端套件：react-router、react-google-recaptcha、react-intl、lodash、axios、antd、core-js、memoize-one、moment、rxjs ....

3. 版本控制：git ( gitlab )
------------- 工作內容 -------------

1. API串接（第三方社群API 串接、金流API 串接）

2. 金流介面開發（會員購買遊戲幣）

3. 會員系統開發

4. 對戰介面開發

5. 教練介面改版

6. 前端GA編碼

web前端工程師學員

學生／資策會數位教育研究所 • 三月 2020 - 七月 2020

1. React.js framework 製作（hooks & class）
2. redux 建置
3. JavaScript (ES6 & ES7)
4. Node.js 前後台整合 & API製作
4. MySQL 資料庫系統建置與管理
5. PHP動態網頁與網路服務程式設計
7. jQuery & jQuery UI
8. jQuery Plugin 開發應用
9. HTML5 API
10. SASS

web前端工程師

新宏科技股份有限公司 • 三月 2019 - 七月 2020

------------- 使用技術 -------------
1. 前端技術：html / css / sass(sass-loader / node-sass) / javascript(ES6) / jquery / ajax / axios / jsonp
2. 前端框架：vue.js( vue-router / vue-awesome-swiper / vue-lazyload / babel-polyfill / fastclick )
3. 前端框架：react.js( JSX )
4. 後端技術：node.js / php / mysql / lodash

------------- 工作內容 -------------
1. 開發公司產品網站（產品：團體服/帽子/T恤/夾克/西裝/工作服）
2. 製作UI/UX流程
3. 使用PS產出網頁視覺頁面
4. 維護及更新公司原有網站
5. 操作 SEO 網站排名（GA & keyword）