Benben （翁士育）
你好！我是一個前端開發者，喜歡研究各種 Web 技術，目前沉浸在 Vue, React 的生態圈，有點小學習狂、工作狂，平時喜歡閱讀書藉、寫寫部落格，當然還有寫寫 code。
0903106743
z2266109benben6515
Skills（技能）
HTML/CSS
CSS 選取器
熟悉 HTML 建置與 CSS 選取器，並了解 BEM 命名法
CSS 排版
理解排版流程 Float, Flex, Grid
SCSS/SASS
使用 SCSS/SASS 預處理器加速開發流程
UI library
理解 Bootstrap, tailwind 等 Library 的原理
CSS in JavaScript
熟悉 styled-components, @emotion 的應用
JavaScript
TypeScript
使用 TypeScript 開發經驗
ES6
熟悉原生 ES6 的 JavaScript 語法
API 串接
使用 Fetch, async/await, axios 等技術，與 Web 後端溝通
基礎演算法、資料結構
理解基礎的演算法與資料結構
JavaScript 觀念
了解基礎觀念，如：this, closure, scope, prototype 等
Framework
React
熟悉 React library 與 React 生態系的常用工具
Vue
熟悉 Vue, Vue3 composition API 帶來的優勢
Redux/Vuex
使用 Redux/Vuex 來管理 react/vue 中的狀態，並利用 Redux toolkit 來優化 Redux 專案
BackEnd
後端 Framework
能夠使用 Node.js, Express 建立 Restful API server
Deploy 部署
在 AWS EC2, Netify, Heroku 等平台部署網站讓使用者看見
Nginx, PM2
利用 Nginx, PM2 工具來達成反向代理與管理網站
Database
MySQL
使用 MySQL 來儲存資料，並理解 SQL 與 noSQL 的差異
基礎 SQL query
了解基本 CRUD 的 SQL query 語法
SQL injection / XSS
理解常見資安相關議題，並懂得如何在實作上防範
Sequelize ORM
利用 Sequelize ORM 的模型去操作資料庫
IDE/Tools
Git
熟悉基礎用法，以及 rebase, cherry-pick 等
IDE
日常開發環境為 VScode 並搭配 Vim 插件，加速編寫效率
套件管理工具
利用 npm, yarn, pnpm 來管理 libraries
Bundler
使用 webpack, vite 打包工具，提升開發速度
Projects（專案）
1. Z-axis
專案簡介
在 Lidemy 學習時的多人協作 Final Project，我主要負責了首頁視覺元素切板、前後端 Socket.io 整合、後端 AWS EC2 部署。
前端開發
採用 React、Socket.IO 開發，並部署在 Netlify。
後端開發
採用 Express、Sequelize、Socket.IO 開發，部署在 AWS EC2 平台，並使用 AWS RDS - MySQL 資料庫。
2. Gigabyte-industry
專案說明
為客戶數位行銷所進行的專案，充滿互動效果，有大量的 3D 模組互動，並擁有中、英雙語系的切換，我負責了整個前端部分。
使用技術
前端的部分採用 Vue, Pug/Sass, Babylon.js（3D framework） 開發，後端則是使用 Laravel ，由後端所建立。
開發過程
在王一設計互動任職前端工程師時的專案作品，負責全部的前端開發，期間於 PM、設計師、後端，甚至客戶進行溝通，並解決了新的問題，開發時程約一個月，並進行之後的維護。
Education/Experience（學經歷）
Experience
Classcipe - Front-end team Lead
2023.02 ~ 2025.08
- 帶領 2 ~ 3 位前端工程師 - 從 0 到 1 打造產品 - 與後端規劃 Api, Model - 重構專案 Vue 2 到 Vue 3 - 優化使用大量元件的頁面，載入速度提升 300%
RE 紅包 - 前端工程師
2022.02 ~ 2023.02
- 負責所有前端事務 - 主動分享技術，如： TypeScript, Vim - 統一所有前端專案的 coding style - 重構部分專案 Vue 2 到 Vue 3 - 與 CTO 討論新 features
王一設計 - 前端工程師
2021.11 ~ 2022.02
- 使用 Vue 重 0 到 1 完成新專案 - 獨立完成前端專案，為公司帶來超過百萬的收入（提升 10% 年營業額） - 快速解理專案，並加入支援 - 導入 Tailwind CSS 快速開發前端 - 維護數個 React, Vue 專案
Education
Lidemy 程式導師計畫 - 第五期
2021.04 ~ 2021.10
- 跟前端大師學習，半年時間全職衝刺 - 完整前、後端學習計劃 - 唯一 180 天無間斷繳交學習進度 - 深度學習同時廣度學習，期間還持繼自學，如：CS50、Udemy
中原大學 - 應用數學系
2013.09 ~ 2018.06
- 大一獲得「新生教育獎」數學滿級分 - 大二開始半工半讀人生 - 大三擔任熱音社 - 攝影長