T6hdeicq436c5ba3ubjj

劉翰璋 ( Alex Liu )

前端網頁工程師 • Taichung,Taiwan • [email protected]


我是個熱愛前端技術,並且沉溺於實踐的前端網頁工程師。喜歡從生活中找尋各種有趣的點子,並切將它付諸實踐。前端技術日新月異,除了時時刻刻充實,更新腦袋中的知識,也希望能讓自己朝更全方位的面向發展,讓自己的眼界更為廣泛、全面。


前端開發技能


網頁前端

HTML

  • HTML 5 語意化標籤運用熟悉。
  • 前處裡語言能力:Pug / Jade。

CSS

  • 對於基礎的屬性設定熟悉。
  • 遇問題或困難的部分,有能力使用 MDN 及 Stack Overflow 尋求解決方式。
  • 前處裡語言能力:SCSS / Sass。


JavaScript / TypeScript

JavaScript / TypeScript

  • 對於原生 JavaScript 有一定的認識,並有足夠的能力應用其完成工作。
  • 活用 ES2015 等最新的 ECMAScript   語法與規範。

jQuery

  • 熟悉該函式庫的各項函式運用。
  • 能運用相關的 plug-in 解決工作時面對的挑戰。

Vue

  • 運用前端框架串接料庫 API 製作網站。
  • 熟悉 Vue.js 社群相關 plug-in 並能快速熟悉、靈活運用。
  • 參與 Vue 社群開源專案開發與貢獻

React

  • 運用 React library 開發可重用的網頁元件
  • 運用 React hook 將邏輯與 UI 操作分離並開發設計可被覆用 hook function


其他

GIT

  • 基本版本控管操作。

設計相關軟體

  • Illustrator
  • PhotoShop
  • InDesign


工作經歷

Cloud Interactive 雲端互動, 前端網頁工程師, Feb 2021 ~ 現在

參與專案

緯創資通任務管理系統

  • 使用 React 作為網頁前端框架並搭配 TypeScript 開發。
  • 開發可重用的 React 元件,並搭配 JSDoc 註解以降低協同開發門檻。
  • 導入 pnpm 降低 CI/CD 部屬耗時。

亨泰光學後台管理系統 / 經銷商訂單系統
  • 使用 React 作為網頁前端框架並搭配 TypeScript 開發。
  • 加速專案開發,改善前端開發延宕問題。
  • 重構共用元件型別定義,發揮 React 與 TypeScript 強行別開發的優勢。
  • 導入 JSDoc 註解以降低協同開發門檻。
  • 導入約定式提交與 Git Flow。

工作技能 

  • CSS(Sass / SCSS) 
  • JavaScript / TypeScript 
  • React


布塔資訊有限公司, 前端網頁工程師, Jul 2019 ~ Feb 2021

工作內容

  • 網頁前端畫面切版,動態互動效果製作。
  • 帳務後台系統 API 串接,與畫面規劃。(目前經手過兩個後台,一個已正式啟用,一個交由其他團接續開發維護)

工作挑戰

使用 Vue.js 做為開發工具,並採用 Class Component API 搭配強型別的 TypeScript 為開發環境。

Vue.js 的 Class Component API 相較於 Option API 使用社群較小,並同時搭配 TypeScript 開發,如此一來遇到問題比會較不容易找到對應的解決方法。但也因為現成的解決方案較少,需要自己更熟悉 JavaScript 的語言特性,才能順利解決問題。

工作技能

  • HTML
  • CSS(Sass / SCSS)
  • JavaScript / TypeScript
  • Vue.js / Nuxt.js


威德數位設計, 前端網頁工程師, Jan 2019 ~ May 2019

參與專案

德廚集團

Ducky 創傑國際中文官方網站

Mahogany 瑪荷尼家具

COLD STONE CREAMERY TAIWAN 酷聖石冰淇淋


工作挑戰

因為是接案公司性質,在時程與功能的彈性上就比較小,同時須要與設計師有非常密切、充足的溝通才能讓工作順利進行。溝通能力與任務輕重緩急的取捨是這份工作帶給我最大的收穫。

工作技能

  • HTML(Pug / Jade)
  • CSS(Sass / SCSS)
  • JavaScript(jQuery)

工作專案

Paragraph image 01 00@2x

Ducky 創傑國際中文官方網站

工作內容

  • 前端開發與 UX 調整,專案整合。
  • 後續版面調整與結構修改

前往網站
Paragraph image 01 00@2x

Mahogany 瑪荷尼家具

工作內容

  • 聯絡我們單元製作。
  • 會員中心製作。

前往網站
Paragraph image 01 00@2x

德廚集團

工作內容

  • 保固服務單元製作。
  • 會員中心製作。

前往網站
Paragraph image 01 00@2x

COLD STONE CREAMERY TAIWAN 酷聖石冰淇淋

工作內容

  • 首頁初版製作
  • 與設計師討論設計可行性

前往網站
Powered by CakeResumePowered by CakeResume