Benben （翁士育）
你好！我是一個前端開發者，喜歡研究各種 Web 技術，目前沉浸在 Vue, React 的生態圈，有點小學習狂、工作狂，平時喜歡閱讀書藉、寫寫部落格，當然還有寫寫 code。
0903106743
z2266109benben6515
Skills（技能）
HTML/CSS
CSS 選取器 & 排版
熟悉 HTML 建置與 CSS 選取器，並了解 BEM 命名法
SCSS/SASS
使用 SCSS/SASS 預處理器加速開發流程
UI library
理解 Bootstrap, Tailwind 等 Library 的原理
CSS in JavaScript
熟悉 styled-components, @emotion 的應用
JavaScript
TypeScript
使用 TypeScript 開發經驗
ES6
熟悉原生 ES6 的 JavaScript 語法
演算法、資料結構
理解基礎的演算法與資料結構，並能應用在工作上
JavaScript 進階觀念
了解進階觀念，如：this, closure, scope, prototype 等
Framework
React
熟悉 React library 與 React 生態系的常用工具
Vue
熟悉 Vue, Vue3 composition API 帶來的優勢
BackEnd
後端 Framework(Node.js)
能夠使用 Node.js, Express 建立 Restful API server
Deploy 部署
在 AWS EC2, Netify, Heroku 等平台部署網站讓使用者看見
Database
MySQL
使用 MySQL 來儲存資料，並理解 SQL 與 noSQL 的差異
基礎 SQL query
基本 CRUD 的 SQL query 語法
SQL injection / XSS
理解常見資安相關議題，並懂得如何在實作上防範
IDE/Tools
Git
熟悉基礎用法，以及 rebase, cherry-pick 等
IDE (NeoVim/Vim)
日常開發環境為 NeoVim (LazyVim)，加速編寫效率
Projects（專案）
1. Classcipe
專案簡介
公司位於紐西蘭，遠端工作團隊，從 0 到 1 打造的教育科技產品，我主要負責了前端部分。
遇到的困難
當時碰到資料結構與業務造成的效能瓶頸，與後端人員、老闆討論可行的方案，最終解決了。
2. Gigabyte-industry
專案說明
為客戶數位行銷所進行的專案，充滿互動效果，有大量的 3D 模組互動，並擁有中、英雙語系的切換，我負責了整個前端部分。
使用技術
前端的部分採用 Vue, Pug/Sass, Babylon.js（3D framework） 開發，後端則是使用 Laravel ，由後端所建立。
開發過程
在王一設計互動任職前端工程師時的專案作品，負責全部的前端開發，期間於 PM、設計師、後端，甚至客戶進行溝通，並解決了新的問題，開發時程約一個月，並進行之後的維護。
Education/Experience（學經歷）
Experience
Classcipe - 前端組長
2023.02 ~ 2025.08 (約 2.5 年)
- 從 0 到 1 打造教育科技產品，並與印度 IB 證証的老師/務業合作 - 工作約一年後，升為前端組長，並帶領 2 ~ 3 位前端同事 - 與後端規劃 Resful API、資料的 Model 來滿足業務上的需求 - 新的專案採用 Vue3，部分舊的專案 Vue 2，並再時間允許下重構舊專案 - 優化使用大量元件的頁面，載入速度提升 300%，例如：需要拖動排序的組件大量宣染照成畫面 loading/lag 的效能問題
RE 紅包 - 前端工程師
2022.02 ~ 2023.02 (約 1 年)
- 負責所有前端事務 - 主動分享技術，如： TypeScript, Vim - 統一所有前端專案的 coding style - 重構部分專案 Vue 2 到 Vue 3 - 與 CTO 、後端同事討論新 features
王一設計 - 前端工程師
2021.11 ~ 2022.02 (約 3 個月)
- 使用 Vue 重 0 到 1 完成新專案 - 獨立完成前端專案，為公司帶來超過百萬的收入（提升 10% 年營業額） - 快速解理專案，並加入支援 - 導入 Tailwind CSS 快速開發前端 - 維護數個 React, Vue 專案
Education
Lidemy 程式導師計畫 - 第五期學員
2021.04 ~ 2021.10 (約 6 個月)
- 半年時間全職衝刺，完整前、後端學習計劃 - 唯一 180 天無間斷繳交學習進度的學員 - 深度學習同時廣度學習，期間還持繼自學，如：CS50、Udemy
中原大學 - 應用數學系
2013.09 ~ 2018.06
- 大一獲得「新生教育獎」數學滿級分 - 大三擔任熱音社 - 攝影長