Nqtzlaercsptrzt3p87g

仲豪

前端工程師、網站工程師  •  桃園市,TW  •  [email protected]

前端工程師是我職涯的轉淚點,我找到我對於軟體的熱情。資料視覺化、動態網頁、SPA一頁式網頁都是我熱衷的技術,並同時也稍微接觸到資料庫的管理、後端系統開發等。同時,對於vue、react有一定的熟練度等,動態視覺、資料呈現等技術相信可以為貴公司帶來網頁的不同程度的展現。

學歷

國立清華大學南大校區, 學士學位, 數學系, 2010 ~ 2014

技能


HTML 5 / CSS 3

1. 自行切版、套版型等皆熟悉。使用 flex、grid 等排版達到網頁自適應的功能,預處理器使用的是 SCSS。

2. HTML 可用 PUG 作為模板引擎加速開發。

3. Bootstrap 4/5、Tailwind css 等 framework 或 utilities,實際使用在專案上。


Javascript

1. ES6+ 等基本功能。

2. 原生的 DOM 操作,熟悉 Javascript 常用的陣列操作,底層原理等。

3. 有寫過ㄧ系列的相關文章幫助自己更理解這個語言。(https://www.haolit.cc/categories/FrontEnd/)


Vue 2 / 3

1. 熟悉 Vue 開發架構,包含  Vue-router、Vuex 等。

2.  Vue2 或 Vue3 皆有在實際專案上使用。

3. 使用 Nuxt.js 做為 SSR 的主要工具。


React

1. 熟悉 React 開發框架,包含 React Router、Redux 等。

2. 透過 HOC 讓組件可以不用重新撰寫(or Reuse),同樣可以取得資料,例如:connect()。

3. React v16 以後的 functional component、Hooks api 都有接觸。



PHP

1. 以 codeigniter 作為開發框架,串接 MySQL。

2. 開發 Restful API。


Node.js

1. 透過 express 建構基本專案,開發 Restful API。

2. 對接 firebase / MySQL 等資料庫。

工作經歷

阿利恩股份有限公司 前端工程師, Feb 2022 ~ Now

1. 協助專案系統架構,客製系統、前後台專案開發。

2. 自家產品架構,WebSocket、WebRTC 應用,串接第三方 Agora P2P 系統等

版騰信息科技, 前端工程師, Feb 2019 ~ Oct 2021

1. 開發打版系統,使用 vue-cli 作為開發工具,fabric.js 處理 canvas 邏輯。

2. 開發會員登入、官網平台,使用 Nuxt.js 作為 SSR 工具,主要還是 B2B,提供企業進行服裝版型維護、簽核流程管理、金流串接、 權限管理等等。

3. 透過 Vue component 打包工具,以及 Lerna 專案管理工具開發公司企業識別 UI library,並透過 verdaccio 建構企業內部的 npm 套件管理系統。

4. 優化打版系統:

      a. 使用者操作:與 UIUX 設計師共同針對使用者操作體驗進行優化,包含提示訊息、工具的快捷欄位、畫面物件的 

           選取等等。

      b. 網站開啟速度:利用 webpack 進行打包優化,vue-cli 開發到後期,最大的缺點就是 build 出來的 app.js  很大

           一包,透過 external、gzip、async component 等方法進行懶加載、cdn 引入等來最大化程度的開啟網站。網

           站開啟速度從最初 8 秒到現在 1 秒不到。

5. 重構打版系統,使用 Vue3 進行重構,統一整理所有的 composition api,使架構更明確,並且增進了資料處理速度。

6. 利用 express 串接後端資料,前端畫面資料要進一步處理才能給後端使用,但是這部分若丟到 client 端,會讓效能相對變差,因此開發一個 Node server 專門針對這部分進行運算,並且進行測試。

7. 透過 gitlab-runner 跑自動化測試以及部署。CI / CD、Docker 基本操作。

良師塾企業股份有限公司, 前端工程師, May 2018 ~ Jan 2019

與後端工程師(.net)、美工討論,一同建立後台建題系統、員工排班簽核系統、編卷管理系統等。

風尚數位, 前端工程師, Jan 2018 ~ Apr 2018

1. 官方網站維護及改版:公司引進新技術(vue, laravel),採用前後端分離的方式建立網站。

2.活動網頁撰寫:公司會定期舉辦活動,例如母親節、兒童節等。以季為單位,非別推出不同的活動頁面。(https://www.fashionguide.com.tw/activity/20180425)這是我主要負責的其中一個

泛科知識股分有限公司, php 網站工程師, Aug 2017 ~ Dec 2017

1. 活動網頁撰寫:公司有一部份是屬於接案活動。偶爾會利用新技術來寫,例如車客松第一屆網頁(http://carmaker.panmedia.asia/)

2. 後台系統開發(codeigniter),開發廣告管理系統、員工工時系統等。

職涯規劃


朝網站工程師的目標前進。短時間內還是想要精進自己的技術以及處理問題的能力。前端一直是我感興趣的部分,現在的每個人都會上網、都會開啟瀏覽器,那如何把每位瀏覽者的眼球停留在該網站,提高網站的PV及轉換率,就非常重要了。並學習UX/UI的相關知識並與設計師溝通合作,開發一個便於瀏覽的網頁。 中期想要成為能夠教導技術的資深工程師或主管,我非常樂於分享我的知識與努力。希望後面起來的工程師,能因為我對於問題的處理有很大的進步。同時,希望我自己可以規劃整個開發流程與架構,更能釐清問題的本質,進而提出有效的解決方案。替公司帶來效益,也替自己帶來財富。 未來,透過一層層的成長,希望自己可以回饋社會。有可能出來創業,也有想過成為公司的中流砥柱。我要做到的是,即使是我的技術大家都懂了,但是我還是有我的不可取代的特性。


Projects 00 00@2x

我的 GitHub Page

紀錄我目前學習的技術
網站是用 VuePress 架構作改寫,使用AWS amplipy 做自動部屬。

連結