網頁開發技能
Web Layout
- 熟悉 HTML5 / CSS3 網站設計
- 手刻 RWD 響應式網站
- 具 Bootstrap、 Tailwind 使用經驗
- 使用 Sass/Scss 處理器管理重複屬性以及動態產生模組 mixin / extend 與參數、函式使用
- 了解如何使用第三方套件
- 使用設計相關工具，photoshop 、 Illustrator , CorelDRAW , figma 等
JavaScript / Vue
- 了解 ES6 語言特性 ( let , const , arrow function , Template literals ) 熟悉 AJAX / JSON 串接第三方 API ( open data )
- 使用 jQuery 開發
- 使用 Postman 測試 API
- 瞭解跨瀏覽器的處理（Cross-Browser）
- 使用 Vue.js 、Vue CLI 開發環境
- 使用 props / emit 組件溝通，component 組件拆分管理
- 使用 Vuex 狀態管理
- 使用 Vue-router 路由配置
- vue 套件使用: ElementUI、vutify、bootstrapVue
Back-end
- 使用後端框架 Laravel 8 的經驗
- 使用 firebase database/storage 的經驗
- 使用 Node.js / Express 開發 API Server 的經驗
- 使用 MongoDB 及 MySQL 皆有操作的經驗
Others
- 熟悉 Git 指令
- 使用 Sourcetree 版本控制介面
- 使用 GitHub Pages 部署靜態網頁
- 會使用 ESLint 和 Prettier 維持程式碼品質
- 有部署至 Heroku 的經驗
- 有使用過 Jenkins 自動部署經驗
學習與工作經歷
工作經歷
四月 2021 - Present
前端工程師
昊盈資訊有限公司
- 每個月的活動頁製作，使用 ajax 串接後台活動資料與業務邏輯
- 使用 sass 優化活動頁製作時程(原製作時程為5個工作日，縮至2.5個工作日)
- 跨平台、裝置、瀏覽器響應
- 企業官網開發與維護
- 與後台開發溝通活動需求頁 api 回應資料內容
學歷
2020-2021
泰⼭職業訓練場－前端網⾴開發技術班(936⼩時)
網⾴設計丙級
2016 - 2020
國立嘉義大學
木質材料與設計學系
專案作品
線上課程交友平台 DEMO
網站建立主要源自於想幫忙解決生活中的問題，進而規劃學習路線，並學習使用 laravel 8 框架、 php 語法與 mySQL ，並結合熟悉的 Vue 前端框架，打造出輕巧簡約的關聯式平台，讓會員除了可以上課外，同時還可以多多認識新朋友!
- 主要功能: 瀏覽課程、參加活動
- 用戶功能: 登入/登出、修改個人資料、查看參與課程、參與課程、取消參加課程、新增活動、參與活動、取消參加活動
- 管理功能: 用戶名單、管理用戶、課程新增修改刪除、活動新增修改刪除、審核用戶活動
想家點 lifeplus+ DEMO
此為職訓局結訓專題製作，為家具電商，主要讓使用者除了購買商品，還可以向其他用戶分享購買商品後，為自己的小天地布置的照片!
- 主要功能: 瀏覽產品
- 用戶功能: 商品加入我的最愛與購物車、訂單新增、訂單查詢、訂單詢問、商品分享回饋
- 管理功能: 產品新增修改刪除、訂單查詢修改、用戶回復、用戶分享審查
Tragether DEMO
2021 The F2E 3rd 第一週活動參賽作品，串接了交通部 TDX API，可查詢區域、關鍵字等旅遊相關資料。
- 第三方工具套件: gsap(動畫套件)、lottie-web(動畫插件)、vue-awesome-swiper(動畫輪播)、vue-axios(api)
有趣的 side project
音樂播放器 DEMO
簡易音樂撥放器實作，了解 Web Audio API 與操作邏輯。
- 主要功能: 音樂播放暫停功能、音樂列表、樂曲切換選擇、隨機循環撥放、電腦板點擊更改撥放進度(手機板拖移按鈕更改音樂進度)、背景隨音樂更改
- 第三方工具套件: vudio.js(音波canvas圖型)
蕃茄鐘 DEMO
進階版蕃茄鐘。
- 主要功能: 新增刪除蕃茄代辦、蕃茄鐘代辦選擇與倒數、蕃茄鐘完成畫除、圖形化蕃茄鐘完成數、蕃茄鐘時間與鈴聲設置。
- 第三方工具套件: chart.js(圖型套件)、vuex-persistedstate(將資料存取localstorage)
筆記編輯器 DEMO
自己的筆記自己做!不只文字筆記，想插入圖片，想怎麼排版就怎麼排版!日間模式太亮了嗎?習慣用夜間模式的你一定會喜歡我的筆記編輯器!
- 主要功能: 新增修改刪除筆記、加入移除我的最愛、過濾功能、日夜間模式、排版格式選擇。
- 第三方工具套件: tinymce(編輯器)、vuex-persistedstate(將資料存取localstorage)
我的小分享
iT 邦幫忙-學習筆記與統整文章
我的經歷分享，想無痛轉職的必看經驗談
