人生就是一個學習成長的過程
Frontend Developer • Taipei,TW • [email protected]
『 VoiceTube 』
訂閱制開發
因應商品轉換成訂閱制服務,進行 Web 訂閱制相關功能開發。
包含使用同事們一起完成的 react ui library , 串接 TapPay , React Hook Form 搭配 yup 處理表單驗證, recoil 狀態管理, react-query ... 等等功能。
『 Exam 』
學習前測驗
將原先 Hero 使用的學習前測驗功能搬出獨立並利用 Next.js 進行重寫。
包含 react-query, 處理多語系在 SSG 部署下的問題 ... 等等
各項 Hero 行銷活動頁面建置、商品顯示優化等等項目。
因為會有日本的銷售,所以接觸到不同的行銷模式,在日本那邊有專門的人負責頁面的規劃跟產品的顯示設計,所以在雙平臺進行開發時會需要多衡量兩邊的顯示差異,以及進到課程畫面後的顯示處理。
重構及維護 Hero 課程平台
因舊有架構不停產生各種未知的錯誤,所以在入職後提出需進行重構並且部分區塊需進行重寫,直至目前產品已穩定。
主要針對了幾塊去做重構
1. Folder 結構影響到的 layout 層級錯亂問題。
2. 針對資料層級上傳遞將所有資料都往最上層 store 放置的問題,將各功能自己需要的資料往自身層級放,保持單一職責確保資料不會互相影響。
針對以上諸如此類的問題進行重構,當然還有很多細項的調整
ex: 拆出共用的元件、重新命名 ... 等等。
真人家教學習功能
Hero 課程內新增真人家教口說功能,與後端串接並與 Hero 本身的挑戰相關功能互相搭配。
『 潔客幫 』
負責前後台多頁應用前端開發
- 使用 Vue.js、Vuex 開發並設計可複用元件
- 使用 Cypress 進行 E2E 測試
- 使用 Jest 進行 Unit 測試
利用 Nuxt 重構專案官網
- 利用模組化樣式快速開發服務介紹與結帳流程
- 建置整體 Nuxt 專案架構
『 螞蟻拼團 』
整體專案建置及開發
- 前台開發整體購物流程
- 後台開發商品上下架及 SEO 設定
利用 Firebase 及 Chart.js 建置 Dashboard 專案
- 以手刻及搭配 Chart.js 進行圖表顯示
- 串接 Firebase 資料動態顯示資料圖表
- 與後端討論資料架構呈現
- 封裝 Chart.js 整合使用
『 吾秀 』
整體專案建置及開發
- 前台內容介面開發
- 後台建置
『 預約系統 』
前後台功能建置
HTML 結構與標籤使用
SASS/SCSS
RWD 頁面架構和佈局
Styled-Components
Vue.js
2-3年Vue使用經驗,對相關套件均熟悉使用。
能操作各項組件進行二次封裝符合客製化功能,
也能製作復用性高的版面或組件進行使用。
Nuxt.js
透過 Nuxt 建立過三個以上商用網站。
對相關生命週期及整體SSR的流程都已熟悉。
React.js
1 年內 React 開發經驗。
React
E2E / Unit Testing
(Cypress, Jest)
人生就是一個學習成長的過程
Frontend Developer • Taipei,TW • [email protected]
『 VoiceTube 』
訂閱制開發
因應商品轉換成訂閱制服務,進行 Web 訂閱制相關功能開發。
包含使用同事們一起完成的 react ui library , 串接 TapPay , React Hook Form 搭配 yup 處理表單驗證, recoil 狀態管理, react-query ... 等等功能。
『 Exam 』
學習前測驗
將原先 Hero 使用的學習前測驗功能搬出獨立並利用 Next.js 進行重寫。
包含 react-query, 處理多語系在 SSG 部署下的問題 ... 等等
各項 Hero 行銷活動頁面建置、商品顯示優化等等項目。
因為會有日本的銷售,所以接觸到不同的行銷模式,在日本那邊有專門的人負責頁面的規劃跟產品的顯示設計,所以在雙平臺進行開發時會需要多衡量兩邊的顯示差異,以及進到課程畫面後的顯示處理。
重構及維護 Hero 課程平台
因舊有架構不停產生各種未知的錯誤,所以在入職後提出需進行重構並且部分區塊需進行重寫,直至目前產品已穩定。
主要針對了幾塊去做重構
1. Folder 結構影響到的 layout 層級錯亂問題。
2. 針對資料層級上傳遞將所有資料都往最上層 store 放置的問題,將各功能自己需要的資料往自身層級放,保持單一職責確保資料不會互相影響。
針對以上諸如此類的問題進行重構,當然還有很多細項的調整
ex: 拆出共用的元件、重新命名 ... 等等。
真人家教學習功能
Hero 課程內新增真人家教口說功能,與後端串接並與 Hero 本身的挑戰相關功能互相搭配。
『 潔客幫 』
負責前後台多頁應用前端開發
- 使用 Vue.js、Vuex 開發並設計可複用元件
- 使用 Cypress 進行 E2E 測試
- 使用 Jest 進行 Unit 測試
利用 Nuxt 重構專案官網
- 利用模組化樣式快速開發服務介紹與結帳流程
- 建置整體 Nuxt 專案架構
『 螞蟻拼團 』
整體專案建置及開發
- 前台開發整體購物流程
- 後台開發商品上下架及 SEO 設定
利用 Firebase 及 Chart.js 建置 Dashboard 專案
- 以手刻及搭配 Chart.js 進行圖表顯示
- 串接 Firebase 資料動態顯示資料圖表
- 與後端討論資料架構呈現
- 封裝 Chart.js 整合使用
『 吾秀 』
整體專案建置及開發
- 前台內容介面開發
- 後台建置
『 預約系統 』
前後台功能建置
HTML 結構與標籤使用
SASS/SCSS
RWD 頁面架構和佈局
Styled-Components
Vue.js
2-3年Vue使用經驗,對相關套件均熟悉使用。
能操作各項組件進行二次封裝符合客製化功能,
也能製作復用性高的版面或組件進行使用。
Nuxt.js
透過 Nuxt 建立過三個以上商用網站。
對相關生命週期及整體SSR的流程都已熟悉。
React.js
1 年內 React 開發經驗。
React
E2E / Unit Testing
(Cypress, Jest)