PORTFOLIO
Skills
-
b
HTML5 / CSS3
使用SASS預處理器以節省寫CSS的時間,將共用樣式統一管理,利於維護及閱讀,使用CSS3撰寫特效。
-
d
JQuery
套用第三方套件特效製作網頁動畫效果(例:輪播圖片)、依設計微調修改,也能夠自行撰寫簡易JavaScript效果。
-
f
RWD
製作適合桌機、平板、手機等不同尺寸的畫面,同時使用Bootstrap,再搭配CSS樣式來微調特殊項目。
-
p
Webpack / Gulp自動化流程
使用自動化工具,處理SASS、JS檔案合併壓縮、最佳化等流程。
-
m
Git
方便協作,並且容易追蹤修改的檔案歷程,較常使用Source Tree圖形化界面來管理專案。
-
c
SEO
切版架構對於SEO也有相當的重要性,在切版初期就一同規劃,對網頁的搜尋更有益
EMPLOYEMENT
-
2018 - 2020
前端工程師
微碧愛普科技
專注於製作POS店家使用的後台,讓店家可自行修改菜單、觀看營業報表、修改營業資訊、管理會員、庫存等功能;基礎UI框架使用Element UI,再進一步手刻樣式,同時符合RWD需求。框架使用Nuxt.js,將常用組件拆成component,並使用axios來接api,顯示資料、製作表格、圖表或使用新增、修改、刪除等,也會搭配Postman來預覽api結果。
-
2015 - 2018
前端設計師
威亞創意設計
主要負責專案網站前端之切版及特效套用,將PSD檔案切版為HTML,附加特效、套件後,再交給後端工程師撰寫後台,與小組成員協作完成網站。除主要工作外,也擔任PM負責溝通聯繫及追蹤專案進度、管理前端常用工具 / 文件維護。
-
2012 - 2015
網頁設計師
凱士數位科技
負責JOOMLA!網站設計及切版,網站資料上稿、專案維護、網站上線。