擁有於軟體資訊業和半導體業兩年的前端工程師經驗,主要使用 Angular 框架進行系統前端開發,熟悉 HTML5、SCSS、JavaScript ES6、Typescript、RESTful API 串接等前端網頁技術。目前正在學習國外趨勢的 React。 使用過多種 Adobe 軟體進行 UI 介面設計,並利用 Prototype 原型互動效果展示成品、與客戶討論獲得即時回饋。可獨自一人完成 UI 介面設計、網頁切版、程式撰寫及專案管理等網頁前端從頭至尾的製作流程。
網頁前端工程師
[email protected]
HTML5、CSS、SCSS、 JavaScript、Typescript、Angular、React、AJAX、RESTful API、RWD響應式設計
Git / GitHub
Bootstrap
Postman
Photoshop - 影像編輯與處理
Illustrator - 向量圖片設計製作
Adobe XD - 進行 APP、網頁的 UI 介面設計,製作介面互動功能的原型(Prototype)
1. 晶體缺陷影像辨識系統前端開發
• 使用 Angular 框架、Typescript、SCSS、Angular Material UI 套件從零開發系統前端。
• 與 Python Django 後端進行 REST API 串接,並對 Postgres SQL資料庫進行 CRUD 操作,動態呈現頁面資料。
• 發送HTTP request 至後端並針對回傳的respone做資料處理。
• 運用 Postman 測試系統,查看後端資料結構與偵錯。
• 以 Docker 為研發系統環境,操作並使用 Docker 指令來測試前端並且偵錯。
• 使用 APEXCHARTS 套件撰寫即時動態資料之圖表。
• 整合開源軟體VGG Image Annotator (VIA) 圖像標記工具至前端畫面。
• 使用 Illustrator 繪製系統所有介面,並使用 Adobe XD 製作該介面的互動原型(Prototype),令使用者可以實際觀看、操作此介面之動態效果。
使用 React 前端框架構建的點餐 APP,並使用 Google Firebase 作為後端 Server 進行 fetch 和 post 訂單資料等 HTTP request。
此 APP 主要有以下幾點功能:
• 選擇餐點數量並將餐點添加到購物車中。
• 查看購物出內容。
• 確認點餐並填寫買家訊息表單。
• 送出訂單資料至後端serve。
使用 React 前端框架構建的簡易記帳工具。
主要具有以下幾點功能:
• 可輸入費用標題、金額和日期以創建新費用。
• 從記帳列表移除費用。
• 通過選擇年份來過濾和查看所有費用。
為職訓班團體專題所製作的「多頁式RWD網頁」。
在專題裡擔任組長一職,主要負責網頁UI設計、分頁程式編寫與切版、形象海報設計、企劃構成。
• 主要使用 Html、CSS、JavaScript 進行開發。
• 使用 AOS.js 、 Swiper slider 等第三方套件
結合自身的旅遊經驗所製作的一頁式RWD網頁。
從網頁UI設計、圖文影像處理、撰寫程式皆獨自完成,透過AOS效果使網頁變得更有互動性。
前往 GitHub 查看作品內容
使用API抓取中央氣象局的天氣資料,根據不同天氣的左上方之圖片會自行更換。
設計天氣卡片之UI,使資訊更清楚。
前往 GitHub 查看作品內容
擁有於軟體資訊業和半導體業兩年的前端工程師經驗,主要使用 Angular 框架進行系統前端開發,熟悉 HTML5、SCSS、JavaScript ES6、Typescript、RESTful API 串接等前端網頁技術。目前正在學習國外趨勢的 React。 使用過多種 Adobe 軟體進行 UI 介面設計,並利用 Prototype 原型互動效果展示成品、與客戶討論獲得即時回饋。可獨自一人完成 UI 介面設計、網頁切版、程式撰寫及專案管理等網頁前端從頭至尾的製作流程。
網頁前端工程師
[email protected]
HTML5、CSS、SCSS、 JavaScript、Typescript、Angular、React、AJAX、RESTful API、RWD響應式設計
Git / GitHub
Bootstrap
Postman
Photoshop - 影像編輯與處理
Illustrator - 向量圖片設計製作
Adobe XD - 進行 APP、網頁的 UI 介面設計,製作介面互動功能的原型(Prototype)
1. 晶體缺陷影像辨識系統前端開發
• 使用 Angular 框架、Typescript、SCSS、Angular Material UI 套件從零開發系統前端。
• 與 Python Django 後端進行 REST API 串接,並對 Postgres SQL資料庫進行 CRUD 操作,動態呈現頁面資料。
• 發送HTTP request 至後端並針對回傳的respone做資料處理。
• 運用 Postman 測試系統,查看後端資料結構與偵錯。
• 以 Docker 為研發系統環境,操作並使用 Docker 指令來測試前端並且偵錯。
• 使用 APEXCHARTS 套件撰寫即時動態資料之圖表。
• 整合開源軟體VGG Image Annotator (VIA) 圖像標記工具至前端畫面。
• 使用 Illustrator 繪製系統所有介面,並使用 Adobe XD 製作該介面的互動原型(Prototype),令使用者可以實際觀看、操作此介面之動態效果。
使用 React 前端框架構建的點餐 APP,並使用 Google Firebase 作為後端 Server 進行 fetch 和 post 訂單資料等 HTTP request。
此 APP 主要有以下幾點功能:
• 選擇餐點數量並將餐點添加到購物車中。
• 查看購物出內容。
• 確認點餐並填寫買家訊息表單。
• 送出訂單資料至後端serve。
使用 React 前端框架構建的簡易記帳工具。
主要具有以下幾點功能:
• 可輸入費用標題、金額和日期以創建新費用。
• 從記帳列表移除費用。
• 通過選擇年份來過濾和查看所有費用。
為職訓班團體專題所製作的「多頁式RWD網頁」。
在專題裡擔任組長一職,主要負責網頁UI設計、分頁程式編寫與切版、形象海報設計、企劃構成。
• 主要使用 Html、CSS、JavaScript 進行開發。
• 使用 AOS.js 、 Swiper slider 等第三方套件
結合自身的旅遊經驗所製作的一頁式RWD網頁。
從網頁UI設計、圖文影像處理、撰寫程式皆獨自完成,透過AOS效果使網頁變得更有互動性。
前往 GitHub 查看作品內容
使用API抓取中央氣象局的天氣資料,根據不同天氣的左上方之圖片會自行更換。
設計天氣卡片之UI,使資訊更清楚。
前往 GitHub 查看作品內容