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!網站設計及切版,網站資料上稿、專案維護、網站上線。