高暄雅
Shaleen Kao

曾經在醫院擔任醫事檢驗師，培養細心與耐心的工作習慣。
過往的經驗和學習能力能夠運用到前端工程師的領域，為新的挑戰和機會而努力。

littlekaotw@gmail.com

Kaosheep

專業訓練

緯育TibaMe 前端工程師專業技術養成班 | 第86期 2023/6~2023/10・ 500小時訓練

學歷

長庚大學 醫學生物技術暨檢驗學系 | 2013 - 2017

個人專長
Personality&Skill

網頁前端技術 HTML5 CSS/SASS JavaScript three.js Vue.js 框架 AJAX

程式設計與資料庫 PHP My SQL 敏捷式開發 Git 版本控制

介面設計 UI/UX設計 Figma

具主動學習能力，自學three.js與GSAP結合應用，製作物品slider(實例)、建築物遠近效果(實例)。

熟悉GIT版本控制、npm、vuecli開發工具，有團隊合作開發經驗，在團隊中負責建立環境、設定開發規範(文件)、撰寫共用SASS及元件、協助組員除錯與優化程式、專案整合及部署。

了解UI/UX設計及前端開發流程，熟悉使用Figma製作wireframe/ mockup(文件一)、Flow Chart；使用Astah製作usercase(文件二)。

能建構mySQL資料庫、運用PHP程式，在團隊專案中有串接前後端資料的經驗，可配合後端工程師進行開發。

作品集
Portfolio

最佳網頁 sheepf

楊桃觀光牧場

網頁目的：介紹活動

主要功能：
1. 首頁形象頁，監聽滾動，製造視差效果。
2. infinite loop slider 可以符合螢幕寬度，計算卡片最佳容納個數。
3. 自動客服回應機器人，使用if...elseif和includes()判斷關鍵字自動回應。
4. 園區介紹-互動地圖，可以讓使用者點擊地點，地圖圖示放大。
5. 園區介紹-照片燈箱，點擊照片彈出。
6. 產品分頁-加入收藏使用SVG製作線條小動畫。
7. 牧場互動-可以翻轉互動卡片(768px以上)。
8. max-width:768px的NAV為旋轉打開。

網頁

github

文件
muses

MUSES 博物館

網頁目的：介紹活動

負責部分：
事前作業： 1.wireframe設計 2.usercase 3.git版本控管 4.建立專案環境 5.專案部署 6.開發文件規範 7.訂定共用sass及元件

一、切版
1.首頁 2.最新消息 3.藝術典藏-畫作區 4.藝術典藏-畫作區詳細頁 5.藝術典藏-文物區 6.館內地圖 7.會員專區-收藏清單

二、功能開發
前臺：
1.首頁展覽六邊形slider。
2.文物區和館內地圖使用3D素材搭配three.js及Gsap，可旋轉、放大。
3.模糊篩選，搜尋功能。
4.購物車功能以及header小購物車圖示數字跳動功能。
5.收藏清單功能，可以加入或移除最愛。
6.首頁、最新消息資料串接使用ajax技術。
後臺：
1.撰寫新增、修改、上架、下架、刪除php範本。 2.最新消息管理。 3.圖片上傳功能。

網頁

github

文件
sheep3d

blender練習

blender - 建模、骨架、動畫
threejs、Gsap

網頁

github
acc

記帳本小程式

網頁目的：紀錄收支

主要功能：
1. 收支明細新增修改刪除。
2. 計算細項佔總額給%。
3. 自訂收詢期間。
4. 使用chartjs讓資料圖形化。
5. sheetjs輸出table成excel。

github

文件