Benben （翁士育）
Hi, I'm a Front-End developer from Taiwan. I like to learn various Web developing skills with hand-on both React and Vue experience. Usually, I'm a workaholic, but I like reading book and writing blog at my rest time, and coding of courses.
(+886) 903106743
z2266109benben6515
Skills
HTML/CSS
CSS Selector
familiar with HTML, CSS Selector. well knowing BEM naming
CSS Layout
well knowing layout attribute i.e. Float, Flex, Grid
SCSS/SASS
use SCSS/SASS preprocessor to boost productivity
UI library
well understanding Bootstrap, tailwind .etc principle
CSS in JavaScript
well knowing usage of styled-components, @emotion
JavaScript
TypeScript
experience of TypeScript development
ES6
familiar with native ES6 JavaScript syntax
RESTful API
using Fetch, async/await, axios to communicate with Back-End
Basic Algorithm/Data Structure
knowing algorithm / data Structure and keep learning
JavaScript concept
knowing advance JS concept i.e. this, closure, scope, prototype ...
Framework
React
familiar with React ecosystem, and hooks
Vue
familiar with Vue ecosystem, and composition API
Redux/Vuex
use Redux/Vuex to manage states, and use Redux toolkit / Pinia
BackEnd
Back-End Framework
use Node.js, Express to establish a Restful API server
Deploy
deploy on AWS EC2, Netify, Heroku .etc platform
Nginx, PM2
take advantage of Nginx, PM2 to handle proxy http request
Database
MySQL
use MySQL for database, knowing different between SQL & noSQL
Basic SQL query
understanding SQL query syntax of 'CRUD'
SQL injection, XSS ...
knowing the common information security, and prevent them
Sequelize ORM
take advantage of Sequelize ORM to operate database
IDE/Tools
Git
knowing common usage, includes rebase, cherry-pick .etc
IDE
daily IED is VScode with 'Vim' plugin which boost productivity
Package Management
use npm, yarn, pnpm to manage libraries
Bundler
use webpack, vite to bundle project
Projects
1. Z-axis
Project brief
The Final Project In Lidemy bootcamp. I was in charge of layout, integrating Socket.io in both Front-end and Back-end, deployment on AWS EC2。
Front-End
Developed project with React, Socket.IO, and deployed on Netlify.
Back-End
Developed project with Express, Sequelize, Socket.IO, deployed on AWS EC2, and AWS RDS - MySQL database.
2. Gigabyte-industry
Project Brief
The project for customer's marketing purpose. There are considerable interactive effect with 3D models. Also it is multilingual web page. I was in charge of whole Front-End part
Tech Stack
Developed with Vue, Pug/Sass, Babylon.js(3D framework) in front-end. Back-End developed with Laravel by back-end developers.
Development Process
The project was created when I was in the King-One Design Company. I was responsible for whole front-end part. Communicated with PM, Designer, Back-End and even client, to resolved occurred problems. Development schedule was about one month, and I was responsible for maintain this project
3. APEC 2021 Event
Project Brief
The project for customer's event purpose. There are considerable interactive fancy effects. Also it is multilingual web page. I was in charge of whole Front-End part.
Tech Stack
Developed with Vue, Pug/Sass in front-end. Back-End developed with Laravel by back-end developers.
Development Process
This project is re-build project with add new feature in old project. I response for all task, adding new technology and meanwhile maintain old parts.
Education/Experience
Experience
Classcipe - Front-End
2023.02 ~ 2025.08
- Lead 2 to 3 front-end developers - Start from scratch to build up projects - Unify the coding style of front-end projects - Refactor projects from Vue 2 to Vue 3 - Optimize pages with many components, speeding up loading time by 300%
Red Envelope - Front-End
2021.02 ~ 2023.02
- Respond to all front-end related business - Actively share knowledge, such as: TypeScript, Vim - Unify the coding style of front-end projects - Refactor projects from Vue 2 to Vue 3 - Discuss new features with the CTO
King-One Design - Front-End
2021.11 ~ 2022.02
- Start from scratch to build projects using Vue - Bring over one million for the company by completing projects independently (boost 10% of annual turnover) - Learn new projects promptly and join to support other developers - Introduce Tailwind CSS to speed up the development of the front-end - Maintain several projects in React and Vue
Education
Lidemy - Trainer
2021.04 ~ 2021.10
- Learn from front-end masters and sprint full-time in half a year - Complete front-end and back-end learning plan - The only 180-day uninterrupted payment of learning progress - Deep learning and breadth learning at the same time, and continuous self-study during this period, such as: CS50, Udemy
Chung Yang University - Applied Math.
2013.09 ~ 2018.06
- Received the "Freshman Education Award" as a freshman by got full score in Math - Started a part-time work-study life in my sophomore year - In junior year, served as chief photographer of Hot music Club
References
Blogs
Record some note, reading experience .etc.
Collaborative blog with Lidemy classmates.