前端工程師 Frontend Engineer
李佳燕 | Jamie Li
[email protected] tel：0910-553-840
畢業於國立臺灣大學農藝學系，擁有１年以上軟體開發工作經驗，與３年以上專案企劃與平面設計經驗，擅長以Vue框架搭配Nuxt.js進行開發，擁有多次前後端協作實務經驗，熟悉API串接與第三方SDK使用，喜歡團隊合作與溝通，也熱愛coding的思考過程與成就感，希望找到一群有同樣熱情的夥伴，一同帶給使用者最舒適與最有趣的使用者體驗。
技能
前端技能(Front-end)
- HTML5、CSS與Javascript
- Vue.js 前端框架，熟悉Vuex、Vue Router 相關套件
- Nuxt.js 前端應用框架
- bootstrap、el-ui、swiper等視覺框架
- 使用SCSS預處理器加速開發
- 與後端工程師協作串接RESTful API
- 串接第三方API，如FB、Google
- WebSocket 即時通訊實作經驗
後端技能(Back-end)
- Node.js / Express 開發經驗
MongoDB操作經驗
其他技能
- TestCafe自動化測試case撰寫
- GIT版本控制
- GIT協作經驗
- 平面設計 (Illustrator、Photoshop)
專案作品/案例實績
PRESSLOGIC 旗下媒體網站
女生日常媒體網站 | 台灣假期日常媒體網站 | 官方網站
與團隊共同負責公司18個媒體網站及2個官方網站。包含前台功能開發、CMS後台開發、新站建立、效能優化、網站重構與日常維護等。
- 負責項目：前端，以Vue.js框架搭配Nuxt.js實作
- 參與項目：
- 參與專案整合，將原先管理不易的15 個 repo整合為2個，提升開發管理效率
- 負責新站建立，開發台灣假期日常網站
- 撰寫TestCafe End-to-End 自動化測試，加速測試流程
- 使用commander.js、inquirer.js等套件優化版本發佈流程
- 前/後台新功能開發、共用元件庫更新與日常維護
- 配合媒體行銷，大量使用facebook、youtube 與google等第三方sdk與服務
女生日常/POPLADY 活動頁面製作
邵女時代活動頁 | 愛的舒適圈活動頁 | 跟著電影成長-鍾雪瑩
協助女生日常與POPLADY媒體網站進行每季活動頁面製作，與業務部高度協作，並使用第三方媒體資源與多樣的動態效果，獨立開發該期頁面。
- 負責項目：前端，以Vue.js框架實作
- 專案特色：
- 使用swiper、aos等套件輔助開發，呈現多樣化的視覺效果
- 第三方媒體API運用，如Facebook與youtube影片，搭配使用者滑動等操作，控制影片效果
- 為配合素材更動與該其活動需求，與uiux及業務部高度協作
簡約全球氣象預報
簡易全球氣象網站，可顯示當前氣象，並以圖表顯示未來四天的氣象資料。
- 負責項目：UI設計與前端實作，以Vue.js框架實作
- 完成時間：2023/3
- 專案特色：
- 以open weather api串接全球氣象資料
- 不使用ui框架，以純手刻顯示氣象圖表與元件
- RWD響應式網站設計，支援多種裝置介面瀏覽
GO Farmmy 電商網站
以販售蔬果為主題的官方網站，消費者能在網站中瀏覽蔬果商品，將喜歡的商品加入購物車。加入會員後可以線上付款購買，並從會員中心輕易管理訂單。
- 負責項目：UI與前端，以Vue.js框架實作
- 完成時間：2021/11
- 測試帳號：[email protected] | 密碼：0000
(如測試帳號遭變更導致無法使用，煩請與我聯繫或自行註冊） - 專案特色：
- 串接FB與GOOGLE 進行快速登入
- 串接藍星金流進行第三方支付
- RWD響應式網站設計，支援多種裝置介面瀏覽
工作經歷
前端工程師 Front-end engineer | 香港商台灣邏輯媒體科技有限公司台灣分公司
Dec 2021 - Present
配合媒體業快速的更迭，以一週一目標的敏捷開發，搭配各式各樣的業務需求，快速累積技能與提升產出速度。融入許多第三方資源以及廣告服務，加強文件閱讀與資訊消化能力，並與香港、深圳等同仁進行跨區域合作，培養團隊協作經驗。
主要工作內容
- 配合媒體更迭速度，敏捷式開發一週一目標的開發流程
- 以vue框架與nuxt.js進行網站功能開發與日常維護
- 使用scss進行web與web mobile RWD切版
- 使用element-ui、el-tiptap與swiper等ui套件，加速協助系統功能開發與優化
- 使用axios與RESTful api與後端工程師進行共同開發
- 使用TestCafe 進行 End-to-End 自動化測試，加速測試流程
- 使用gitlab進行協作開發，並使用jira、notion等軟體進行時程與內容管理
- 開發與維護共用元件
活動企劃 Event Planner | 財團法人臺灣海洋保育與漁業永續基金會
Oct 2019 - Sep 2021
在這兩年推廣海洋教育的日子裡，接觸了各式各樣的族群，與多次的跨部門、跨公司合作，累積了許多團隊合作的經驗，以及快速吸收消化知識的能力。同時，也深刻體會到不同族群對於資訊接收的差異，因此特別重視使用者體驗，致力於創造對所有族群都有善，並且充滿溫度的作品。
主要工作內容
- 建立公司活動SOP，簡化辦理流程，並設計線上活動成本計算系統，為團隊節省50%成本計算時間。
- 海洋教育推廣講師與食魚教育活動策畫，舉辦過超過30場海洋教育活動。
- 負責公司25%的設計業務，含海報設計、懶人包設計、包裝設計、背心設計等。
- 建立公司異業合作SOP與報價模板，於建立當月即吸引5家公司進行合作提案討論。
- 漁村輔導，輔導2個漁村進行漁村再造計畫。
專案執行 Project Executive | 新加玻商台灣薪羅輯有限公司(設計公司)
Feb 2019 - Oct 2019
為了培養更敏銳的傳達能力以及設計能力，利用九個月的時間在設計公司協助博物館策展專案執行，獨立負責 600萬的設計案，累積執行金額為 1,500萬，在過程中學會評估資訊友善程度，並提升設計敏銳度。
主要工作內容
- 博物館特展策畫與執行(如國立故宮博物院)，執行之計畫金額累計約 1,500 萬。
- 標案企劃撰寫與簡報提案，成功得標600萬展示企劃案。
- 編列預算、控管預算與議價。
展示企劃組組長 | 澎博海洋科技有限公司 (澎湖水族館)
Jun 2017 - Dec 2018
在水族館的期間，因為展示的高度互動性，大量接觸到許多新媒介作為展示素材，因此開啟了對於資訊傳達以及使用者互動的興趣。於一年半的期間帶領四位組員負責全館各項教育與行銷活動執行，奠定未來對於資訊傳達有更進一步探索的興趣。
主要工作內容
- 整建期間全館展場規劃與展示內容圖文設計。
- 帶領四個組員進行館內科教活動執行，如導覽、餵食秀與觸摸池解說。
- 展示內容維護與新進員工教育訓練。
- 重新籌組志工隊，並進行志工訓練與維持志工隊運作。
學歷/進修
Sep 2013 - Jun 2017
國立臺灣大學
農藝學系
Feb 2021 - Oct 2021
Alpha Camp全端開發課程
前端專修
