Frond-end 網頁前端開發技能
Next.js / React
- 使用 React Hook + Next.js 完成專案
- 使用 props 元件溝通
- 使用 next.js 路由配置
Vue / JavsScript
- 使用 Vuex 狀態管理
- 使用 prop / $emit / eventBus 組件溝通
- 熟悉 V- 指令
- 使用 Vue-router 路由配置
- 使用 components 切版
- 熟悉 JavaScript 基本語法
- 了解 ES6 語言特性 ( let , const , arrow function , Template literals ) 熟悉 AJAX / JSON 串接第三方 API ( open data )
- 具介接 REST API 的經驗
- 具 SPA 單頁式應用網站經驗
Web / Layout
- 熟悉 HTML5 / CSS3 網站設計
- 手刻 RWD 響應式網站
- 具 Bootstrap 使用經驗
- 使用 Sass/Scss 管理重複屬性以及動態產生模組 mixin
- 使用設計相關工具，如 Illustrator , CorelDRAW , Zeplin 等
Git / GitHub
- 熟悉 Git 指令
- 使用 Sourcetree 版本控制介面
- 了解 Git Flow 工作流程
- 使用 GitHub Pages 部署靜態網頁
Others
- 無障礙網站製作
程式設計學習經歷
火箭隊培訓營・學員・ Jul 2019 - Dec 2019
- 自學 前端語言 及框架、六個月內累積 10 個 Side Project
- 參與 iT 邦幫忙鐵人賽第十一屆 連續 30 天發表技術文章的發文挑戰 - Git 與 Github - 30天學習歷程
- 與後端工程師開發經驗
- 高雄軟體工程師培訓營第一屆學員
行動商務系統設計與開發班課程 | 職訓局・學生・ Jan 2019 - Jul 2019
- 108年度 第1期學員
- 從中了解各式前後端語言及資料庫
- 學期間熱愛前端技術，故而專精前端學習
實務經驗
{ 前端開發 ; }
yui-portfolio
HI THERE! I'M YUI :)
- Nex.js / React Hook 製作
- props 元件溝通
- Scss 預處理器管理
- react-ga：設定 Google Analytics
take-or-leave
Vue 的前台與後台專案開發
‘’ 將自己不需要的送給有需要的人，讓還可以使用的物品重啟新生命，減少浪費來改變現今社會過量的消費模式。 ‘’
- Vue Cli 2 ：環境建立開發類電商前、後台
- Vue Router ：建立路由
- 登入狀態判斷：顯示會員選單等畫面
- 動態路由參數 ：渲染產品及訂單畫面
- computed ： 過濾產品分類
- v-if ： 顯示頁籤及訂單按鈕
{ Side Project ; }
Hotel Reservation
The F2E - 前端修練精神時光屋
API 介接
使用 localStorage 存取旅館房型之 ID ，在旅館資訊的頁面裡針對不同 ID 渲染 API 裡相對應的旅館資訊內容
第十一屆 iT 邦幫忙鐵人賽
Git 與 Github - 30天學習歷程
第一次挑戰連續發文 30 天
以圖文方式，紀錄 30 天的 Git 與 GitHub 學習歷程。從 0 到 1 ，將自己所學的指令記載下來，並且延伸學習相關指令。此系列文達 100 人訂閱，並在競賽期間擠進 Modern Web 前 10 名。
過去我是 ...
視覺設計
- 懶人包簡報設計
- 扶輪青年服務團 - 活動美術設計
- 網路行銷素材 - 文案及圖片製作
- 擅長工具 - CorelDRAW
網路行銷
- 火箭隊培訓營 - 小編
- 高雄北區扶輪青年服務團 - 總編輯
- IEDT 國際編輯人聚會在台南 - 文案撰寫及行銷策略
- 老張-高品質な鮮物 - 行銷策略
- 星品咖啡 - 文案撰寫及行銷策略
團隊領導
- 高雄北區扶輪青年服務團 - 團長
- IEDT 國際編輯人聚會在台南 - 行銷負責人
- 文藻外語大學 第13屆 日文系系學會 - 公關長
內容企劃與視覺設計
個⼈作品及製作
活動 banner 、其他美編設計
- logo 設計｜合作對象 - 國際扶輪 3510 地區扶輪青年服務團
- dm 設計｜合作對象 - 國際扶輪 3510 地區扶輪青年服務團
- banner、海報及衣服設計｜國際扶輪 3510 地區高雄北區扶輪青年服務團
其他培訓課程
第一屆 高雄火箭隊軟體培訓營 前端學員
10801期 行動商務系統設計與開發班課程
第110期 CCAPP 活動企劃師認證學分班
高雄 1708期 MACC 市場營銷戰隊培育計畫
Design Thinking 培訓課程 - Global Sustainability Jam Tainan 籌備團隊
第三屆 鋼鐵人職場體驗計畫 - YS 青年職涯發展中心
工作經歷
瑄品股份有限公司｜前端工程師 2020.4 - 2020.12
．協助 UI 切版及 API 串接
．處理 Task and Bugs
．完成主管交代事由
學生時代社團活動與企劃比賽經驗
活動籌備團隊
- Global Sustainability Jam - Tainan - 籌備團隊
- IEDT 國際編輯人聚會在台南 - Tainan 籌備團隊
- 2018 國際扶輪 3510 第區扶輪 青少年領袖獎研習營 ( RYLA ) - 活動組籌備團隊
- 第三屆扶青大會 - 籌備團隊
- 聖誕面具舞會 - 籌備團隊
- 一日農夫體驗日 - 活動總召
- SDG 世界咖啡館 - 副召
- 校園講座 日本打工度假 - 總召
- 校園生涯講座 我就是找不到熱忱 - 籌備團隊
會展企劃比賽
- 2016 全國大專院校 MICE 創意會展策畫競賽
「人生就像一盒巧克力，你永遠不知道拿到的會是哪一種。」Life is like a box of chocolates. You never know what you're gonna get. --Forrest Gump
我常用阿甘媽媽說的話告訴自己「人生就像一盒巧克力，你永遠不知道拿到的會是哪一種。」所以我充實自己的生活，藉著衝勁與幹勁或許還有那麼一點點傻勁，拚命的學習新事物，豐富自己的人生。當然過程中朋友問我：「你幹嘛把自己搞得這麼累？」當時，我只是回答不過是興趣罷了，後來看到一篇採訪張小硯文章、看到類似的問題，他們問：「你這麼折騰到底是為什麼？」她答：「做越來越像我自己的那個人。」她說這世間純然的快樂總是很少，她想為自己，為他人創造一些。我想，這些過程只是為了讓我找到更好的自己。
