王奕淳 Alice Wang

好code多磨。知識若不伴隨實踐,終究不過是紙上談兵。 唯有在實踐中磨練, 人與知識才會貨真價實

求職職缺: 前端工程師

希望工作地點:台北市

        



  網頁開發技能

Web Layout


  • 熟悉 HTML5 / CSS3 網站設計 
  • 手刻 RWD 響應式網站 
  • Bootstrap、  Tailwind 使用經驗 
  • 使用 Sass/Scss  理器管理重複屬性以及動態產生模組 mixin / extend 與參數、函式使用
  • 了解如何使用第三方套件
  • 使用設計相關工具,photoshopIllustrator , CorelDRAW , figma 

JavaScript / Vue


  • 了解 ES6 語言特性 ( let , const , arrow function , Template literals ) 熟悉 AJAX / JSON 串接第三方 API ( open data )
  • 使用 jQuery 開發
  • 使用 Postman 測試 API
  • 瞭解跨瀏覽器的處理(Cross-Browser)

  • 使用 Vue.jsVue CLI 開發環境
  • 使用 props / emit 組件溝通,component 組件拆分管理
  • 使用 Vuex 狀態管理
  • 使用 Vue-router 路由配置
  • vue 套件使用: ElementUIvutifybootstrapVue

Back-end


  • 使用後端框架 Laravel 8 的經驗 
  • 使用 firebase database/storage 的經驗
  • 使用 Node.js / Express 開發 API Server 的經驗  
  • 使用  MongoDB 及  MySQL 皆有操作的經驗

Others


  • 熟悉 Git 指令 
  • 使用 Sourcetree 版本控制介面 
  • 使用 GitHub Pages 部署靜態網頁 
  • 會使用 ESLintPrettier 維持程式碼品質
  • 有部署至 Heroku 的經驗
  • 有使用過 Jenkins 自動部署經驗



    學習與工作經歷

工作經歷

四月 2021 - Present

前端工程師

昊盈資訊有限公司

- 每個月的活動頁製作,使用 ajax 串接後台活動資料與業務邏輯
- 使用 sass 優化活動頁製作時程(原製作時程為5個工作日,縮至2.5個工作日)
- 跨平台、裝置、瀏覽器響應
- 企業官網開發與維護

- 與後台開發溝通活動需求頁 api 回應資料內容

學歷

2020-2021

泰⼭職業訓練場-前端網⾴開發技術班(936⼩時) 

網⾴設計丙級 

2016 - 2020

國立嘉義大學

木質材料與設計學系


   專案作品


線上課程交友平台 DEMO 


網站建立主要源自於想幫忙解決生活中的問題,進而規劃學習路線,並學習使用 laravel 8 框架、 php 語法與 mySQL ,並結合熟悉的 Vue 前端框架,打造出輕巧簡約的關聯式平台,讓會員除了可以上課外,同時還可以多多認識新朋友!

- 主要功能:  瀏覽課程、參加活動

- 用戶功能:  登入/登出、修改個人資料、查看參與課程、參與課程、取消參加課程、新增活動、參與活動、取消參加活動  

- 管理功能:  用戶名單、管理用戶、課程新增修改刪除、活動新增修改刪除、審核用戶活動


想家點 lifeplus+ DEMO


此為職訓局結訓專題製作,為家具電商,主要讓使用者除了購買商品,還可以向其他用戶分享購買商品後,為自己的小天地布置的照片!

- 主要功能: 瀏覽產品

- 用戶功能:  商品加入我的最愛與購物車、訂單新增、訂單查詢、訂單詢問、商品分享回饋

- 管理功能:  產品新增修改刪除、訂單查詢修改、用戶回復、用戶分享審查


Tragether  DEMO


2021 The F2E 3rd 第一週活動參賽作品,串接了交通部 TDX API,可查詢區域、關鍵字等旅遊相關資料。

- 第三方工具套件: gsap(動畫套件)、lottie-web(動畫插件)、vue-awesome-swiper(動畫輪播)、vue-axios(api)

     有趣的 side project


音樂播放器 DEMO


簡易音樂撥放器實作,了解 Web Audio API 與操作邏輯。

- 主要功能:  音樂播放暫停功能、音樂列表、樂曲切換選擇、隨機循環撥放、電腦板點擊更改撥放進度(手機板拖移按鈕更改音樂進度)、背景隨音樂更改

- 第三方工具套件:  vudio.js(音波canvas圖型)

蕃茄鐘 DEMO


進階版蕃茄鐘

- 主要功能: 新增刪除茄代辦、茄鐘代辦選擇與倒數、茄鐘完成畫除、圖形化茄鐘完成數、茄鐘時間與鈴聲設置。 

- 第三方工具套件:  chart.js(圖型套件)、vuex-persistedstate(將資料存取localstorage)

筆記編輯器 DEMO


自己的筆記自己做!不只文字筆記,想插入圖片,想怎麼排版就怎麼排版!日間模式太亮了嗎?習慣用夜間模式的你一定會喜歡我的筆記編輯器!

- 主要功能: 新增修改刪除筆記、加入移除我的最愛、過濾功能、日夜間模式、排版格式選擇。

- 第三方工具套件: tinymce(編輯器)、vuex-persistedstate(將資料存取localstorage)

 

    我的小分享

iT 邦幫忙-學習筆記與統整文章

我的經歷分享,想無痛轉職的必看經驗談

Powered By CakeResume