我熱愛 Coding、熱愛學習技術。在旁人看似密密麻麻的文字、符號裡,我看到的是一種化構想為現實的力量。從剛開始自學串接 Api 寫出一個簡單的口罩地圖介面,到後來在公司裡獨自設計規劃開發出一個 PMS 旅宿管理系統。我能感受到自己是真正熱愛 Coding 這件事。在開始熟悉一項技術後,我喜歡去探究這項技術的底層原理,特別是會自己嘗試造輪子,透過瞭解底層,去更好地掌握這項技術。我知道在這門領域,自己底子並不扎實,能夠成長的空間還很多。但我相信對於追求 Best Practice 的精神,能夠讓我成為一位優秀的前端工程師。
使用 Vue.js、Vuetify
使用 OpenStreetMap 作為圖資,以 leaflet 套件做為操作地圖介面
使用 Skeleton 作為讀取資料時的 loading 效果
使用 Leaflet.markercluster 增進使用者體驗
使用 Vue.js、BootstrapVue
封裝 Vue 元件 。如:輪播、結帳步驟的、商品卡片元件等等
封裝業務邏輯方法,掛載至 Vue.prototype 以利全局調用。如價格格式、篩選功能、通知欄的彈窗等等
AJAX 使用 Axios 套件做與 Server 端的通訊。並使用 intercepter 做統一請求的讀取效果(Loading)
成功專案:獨立完成 PMS 旅宿管理系統的前端產品 Prototype
涉足 UI/UX 以提高使用者使用體驗:在沒有完整設計稿的情況下,統一元件風格、制定 Style 規範、注重元件切換效果及重視使用者體驗等等
團隊合作、溝通能力:協助後端設計 API、編寫 API 文件,並開出對應規格,並協助後端設置跨域請求的 Http Headers
軟體工程能力:設計分層架構,模組化及封裝程式
善用工具提升開發效率與品質:使用 Webpack 套件針對不同環境優化程式碼(如:壓縮程式碼、去除註解)、ESLint 控管 Coding Style,搭配 VSCode 套件快速 format 程式碼等等
涉足 UI/UX 以提高使用者使用體驗:在沒有完整設計稿的情況下,統一元件風格、制定 Style 規範、注重元件切換效果及重視使用者體驗等等
團隊合作、溝通能力:協助後端設計 API、編寫 API 文件,並開出對應規格,並協助後端設置跨域請求的 Http Headers
軟體工程能力:設計分層架構,模組化及封裝程式
善用工具提升開發效率與品質:使用 Webpack 套件針對不同環境優化程式碼(如:壓縮程式碼、去除註解)、ESLint 控管 Coding Style,搭配 VSCode 套件快速 format 程式碼等等
透過 Express 框架建立基本的伺服器
使用 MVC 架構實現資料與畫面的分離
將資料及 session 儲存於 MongoDB
使用 hash Function 對用戶密碼進行加密
學到了除了 Vue 2 的一些基礎概念,包括官方提供的插件(Router, Vuex)的使用等
元件間資料傳遞的多種方式與比較
如何讓頁面保持簡潔而將大量重複的程式碼抽象化
運用 SASS 變數、mixin 管理愈趨複雜的 CSS 樣式
人文與科技變遷:這門課讓我認識到了 UI / UX,並燃起了我對程式及前端的興趣
跨領域學習:由於學士班制度是跨領域學程,所以廣泛接觸各類資訊已成為我的習慣
團隊合作:多次擔任組長,擅長協調、溝通,並追蹤進度
領導力:在「心理學與近代生活」這門課的辯論賽中,帶領組員進入決賽
思考能力:使用《快思慢想》一書裡提到的系統二思維模式(多方找出其他證據、思考數據的合理性)
廣泛閱讀:藉由閱讀心理學、時間管理、靜心冥想等相關書籍提高自我生產力
活用溝通技巧:大三兼職金融商品業務,善於找尋潛在客戶及挖掘客戶需求
藝術天份:學習小提琴逾 10 年,擔任過小提琴家教。藝術培養我對事物具備敏銳的觀察力。