劉乃彰

一位熱衷於學習的前端工程師，目前前端技術為：HTML/CSS、JS、JQuery、Bootstrap、Element-UI、Vue等前端語言/框架，希望能在前端的領域持續學習成長，深信靠後天的努力也能成為優秀的前端工程師。

Front-End Engineer
Taipei City，TW
[email protected]

Skills

HTML/CSS

HTML5 & CSS3
RWD 響應式網頁。
HTML template: Pug
CSS preprocessor: Sass / SCSS / Less。
CSS framework: Boostrap/Bootstrap-vue, Element-UI, iView。
CSS in JS - Styled Component
Tailwind

JavaScript

ES6, ES7
使用 jQuery 控制網頁元素和套件，增添視覺與互動性
AJAX / JSON 資料串接
Vue Cli 開發經驗，對相關套件如 vue-axios Vue Router 均熟悉。
Vue2, Vue3, Veux, Pinia
使用 Node.js / Express 建立專案提供 api
了解 RESETful API 與後端工程師溝通將資料串接起來。
React / Redux

Others

git flow。
使用 ESLint / Prettier 規範coding style。
Npm / yarn 軟體套件管理系統。
能運用 Webpack 將專案打包，直接使用 HTML5, CSS3 及 JavaScript (ES6+) 開發。
無障礙網頁。
敏捷開發(Jira)。
Postman 測試 API、使用 json-server 模擬 Restfull API。
webview

Work Experience

壹壹柒柒科技股份有限公司 , 2022/11 ~ 2023/06

職稱：Front-end Engineer

建立團隊 coding style：定義團隊 coding style，並共同完成 .eslintrc 文件。
建立團隊 git flow 流程：根據 git flow 流程定義團隊的各個 branch，方便多人合作開發。
協助新人進行 code review：協助新人改善 code 寫法與確認 coding style。
優化、重構與維護原有元件程式碼：改善現有的元件程式碼以符合 coding style，並剔除無用的程式碼與簡化。

重要專案

【1177 EIP App】專案：

概述：公司內部使用的 App ，以 webview 的技術實作並上架於 iOS/Android 平台，包含打卡功能、個人行事曆、會議預約、工作指派與進度回報...等功能。

技術：Pug, Sass, Tailwindcss, Vue2, Vuex, Nodejs

【固定式虛擬帳號】專案：

概述：用於提供給商戶店家做收款帳號的產生與查詢，以及下載交易記錄的excel 表。

技術：Pug, Sass, Tailwindcss, Vue3, Pinia, Nodejs

雲端互動科技股份有限公司, 2021/10 ~ 2022/7

職稱：Front-end Engineer

某知名營造商專案的前端主要開發人員。
與 PM 和 SA 共同參與客戶需求討論。
網頁新功能開發與API串接。
CI 官網維護並優化頁面效能。
負責專案：某知名營造商內部管理系統、CI 官網維護

重要專案

【知名營造商內部管理系統】專案：

概述：某知名營造商內部用來管理出租服務的總管理後台系統，讓出租服務可以達到客製化的效果。

實作方式：前端 JS 框架使用 Vue，Style Library 使用 iView，並以 Visual Studio Code 為開發工具，其中 HTML 撰寫方式是使用 pug，狀態管理的部分使用 vuex，表單驗證的部分使用Vuelidate 等 Plugin。版本管控方式：GitLab, git flow

【Cloud Interactive官網】專案：

概述：CI官網，提供公司簡介。

實作方式：JS 框架使用 Nuxt，HTML 撰寫方式是使用 pug。使用 Visual Studio Code 開發工具去做維護。

白日夢創意國際有限公司, 2020/10 ~ 2021/9

職稱：Front-end Engineer

負責網站、行動裝置、RWD 前端程式撰寫。
與後端工程師配合，串接 API 完成產品開發。
與網頁設計師及其他前端工程師協同合作。
負責專案：2021通訊大賽、小捲尾寵物美容電商網站、東洋輪台官網

重要專案

【東洋輪胎官方網站】專案：

東洋輪胎官方網站，用於介紹東洋輪胎。

實作方式：網站使用 WordPress 去做客製化架設，並搭配 WordPress 裡面的第三方 Plugin，JS 部分使用 jQuery 去做編寫，CSS 部分編寫方式為 sass

【小捲尾寵物美容電商網站】專案：

小捲尾官方網站並包含電商部分，提拱給客人預約寵物美容以及購買寵物相關用品的平台。

實作方式：官方網站部分使用 Vue 框架去做開發。電商網站部分使用 WordPress，並結合 jQuery 去做一些客製化功能，例如滑進滑出效果、客製化畫面樣式綁定、輪播功能等等。

【2021通訊大賽】專案：

政府與學校合作所舉辦的比賽官網與報名系統，提供比賽相關資訊與報名。

實作方式：使用Vue框架去做開發，後端部分使用PHP框架:Laravel並搭配資料庫MySQL。使用sass去做CSS的樣式開發，並搭配Element-UI的Style Library。使用版本控制:GitHub, git與其他前端工程師合作。

智伸科技股份有限公司, 2018/9 ~ 2020/5

職稱：PM

專案可行性評估。
DFM & 8D Report 製作。
製成規劃安排。
PPAP驗證計畫推動執行。
專案計畫推動與進度掌控。
產能計劃。
客戶端溝通橋樑。

可成科技股份有限公司, 2018/2 ~ 2018/9

職稱：RD

CNC製程負責項目：

CG內長寬改善。
CG平面度改善。
鋁塑結合處間隙排查。

陽極製程負責項目：

物料移轉時間延長驗證。
生產線架設。

中天生物科技股份有限公司, 2017/1 ~ 2018/1

職稱：Sales

負責項目：

藥局、診所產品推廣。
負責醫院：長庚、國泰(大安、汐止)、聯合、馬偕。
通路行銷相關活動規劃 & 執行。
開發潛在客戶並維繫穩定客戶關係。

Education

EC Vancouver, English Language school, 2015/10 ~ 2016/10

成功大學(休學), 碩士學位, 資源工程所(大地組), 2013/9 ~ 2014/6

成功大學, 學士學位, 資源工程學系, 2010/9 ~ 2013/6

淡江大學, 學士學位, 化學工程與材料工程學系, 2008/9 ~ 2010/6

2010參加成功大學轉學考

Project

固定式虛擬帳號

用於提供給商戶店家做收款帳號的產生與查詢，具有可一次產生多筆虛擬帳號、下載交易記錄的excel 表、表單驗證、會員登入...等功能。

技術：Pug, Sass, Tailwindcss, Vue3, Pinia, yup, Nodejs

1177EIP App

公司內部使用的 App ，以 webview 的技術實作並上架於 iOS/Android 平台，包含打卡功能、個人行事曆、會議預約、工作指派與進度回報...等功能。

技術：Pug, Sass, Tailwindcss, Vue2, Vuex, Nodejs

知名營造商內部管理系統

此專案為知名營造商用於內部管理出租服務的總管理後台系統，讓出租服務可以達到不同客戶登入時有不同功能的客製化效果。

實作方式：

前端 JS 框架使用 Vue，Style Library 使用 iView，並以 VS Code 為開發工具，其中 HTML 使用 pug撰寫，狀態管理的部分使用 vuex，表單驗證的部分使用 Vuelidate 等 Plugin。此專案跑敏捷開發(Jira)，GitLab, git 做版本管控方式，並走 git flow 工作流程。