Md7tlwhwf2gtgccxlvla

朱章祺 (Bucky Chu)

前端工程師

希望工作地點:台中、台北

[email protected]

前端工程師,喜歡專研 Web 相關的技術,並經營一個技術部落格,熱愛寫程式,希望能夠一直寫下去。

前端技能


Vue

  • Vue.js 開發經驗
  • Vue CLI  開發 SPA 單頁式應用網站經驗 
  • 使用 Vue Router 路由配置
  • Vuex 進行資料狀態管理


JavaScript

  • 熟悉 JavaScript,了解 ES6 標準
  • 熟悉 AJAX / JSON 串接 RESTful API
  • 使用 ESLint (Airbnb) 控管程式碼品質


Web Layout

  • 熟悉 HTML、CSS
  • RWD 響應式網站製作經驗
  • 使用 Bootstrap 經驗
  • 使用 BootstrapVue 經驗
  • SASS 預處理器


Git / Github / Gitlab

  • 使用 Git 指令進行版本控制
  • 使用 Git GUI 版本控制介面
  • 使用 GitHub Pages 部署靜態網頁

負責專案



逢甲大學 - 創能學院

  • 管理者驗證登入後可以在後臺自行編輯前臺頁面內容。
  • 前臺頁面能夠顯示後臺編輯後內容。
  • 管理者在後臺具有關閉前臺選單的權限功能。
  • 管理者在後臺可以編輯授課教授的資料與課程內容。


使用技術: (Vue CLI / Vue Router / Vuex / ES6 / RWD / Axios / Git)

Paragraph image 02 00@2x

高雄農業平台農場苗木登記系統

  • 使用者可以註冊帳號並登入。
  • 使用者登入後可新增、編輯訂單,並了解目前產品即時數量。
  • 管理者登入後,可進入後臺管理所有訂單狀態,並把資料匯出下載 Excel。

使用技術: (Vue CLI / Vue Router / Vuex / ES6 / RWD / Axios / Git)

Paragraph image 02 00@2x

易學堂


使用技術: 

  • Vue CLI 建立 SPA 架構 
  • Vue Router 路由建立
  •  Vuex 進行資料狀態管理 
  • 由於後端尚未完成 API,所以我使用 Postman mock server 並串接
  • 使用 Git 進行版本控制

Paragraph image 02 00@2x

Side Projects


House of Card

使用 Vue CLI 製作的桌遊電商網站 - House of Card,具有前後台功能。(Demo / Source


使用技術:

  • Vue CLI 建立 SPA 架構
  • Vue Router 路由建立
  • Vuex 進行資料狀態管理
  • 串接 API 可在後台建立資料並在前台讀取顯示畫面
  • 使用 ESLint (Airbnb) 控管程式碼品質
  • 使用 BootstrapVue + SASS 建立版型
  • 使用 Git 進行版本控制

Paragraph image 02 00@2x

City Weather App 

使用原生 JavaScript 串接 Open Weather API,可搜尋城市並顯示目前天氣資訊。

Demo / Source

使用技術:
  • 透過 Axios 串接 API
  • 原生 JavaScript 處理資料
  • 使用 SASS 預處理器修改樣式

Paragraph image 02 00@2x

Bucky's f2e bucket

使用 Hexo 與使用主題套件 Butterfly,並架設在 GitHub Page,建立一個技術部落格。

Demo / Source


Paragraph image 02 00@2x

工作經歷


逢甲大學地理資訊系統研究中心 - 前端工程師, 2020 年 11 月 - 4 月

主要專注於網站前端,並負責導入 Vue.js 框架以及維護專案,將產品重構成易於維護的模組化架構。以及跟後端溝通合作串接 API,根據需求開發功能。

馥鴻科技 - 倉儲管理人員,2019 年 1 月 - 2020 年 10 月

公司產品為行車記錄器與監視器,主要負責工作是進出貨盤點,確保物料數量與系統庫存是否符合,並與產線協調生產數量。

Pacific Blue Produce - Storage Management,2017 年 11 月 - 2018 年 11 月

持打工度假簽證前往澳洲壯遊一年,期間學到了與他人溝通還有危機應變的能力,最重要的是跳出舒適圈的心態。

所負責的工作在 Woolgoolga, NSW 的 Pacific Blue Produce 擔任 Storage Management,負責按照主管指示,將倉庫中的物料做進出貨管理。

樂家庭人力資源 - 服務人員,2011 年 1 月 - 2017 年 9 月

在樂家庭人力資源管理顧問的期間,接受公司的安排擔任過不同職位,曾任職國外部專員、以及服務人員,負責協調外籍勞工與雇主間的事項處理,以及如何盡量完成雇主期望的交付僱傭期限

技術文章


在學習技術中,或是實作時遇到的問題,自己為了整理心得而使用 Hexo 在 GitHub 自架了一個部落格,節錄部份文章如下:

Paragraph image 01 00@2x

使用 useState 來管理狀態

React 提供了一個方法來監控而且管理資料,而這就是 React 的 Hooks 之一 - useState...

Paragraph image 01 00@2x

用 Vuex 來管理 State 資料狀態

在之前的專案中,如果碰到要資料傳遞的部份,例如是父子層關係的話,只要用 props 跟 emit 就可以解決了,而遇到同階層的關係,就用 $eventbus 來處理,不過這個方法只能處理比較簡單的資料,而且在 Vue 3 也不支援了。不怕,總是有技術可以解決問題,所以就從 state 開始來學學 Vuex 吧...

Powered by CakeResumePowered by CakeResume