吳 宇 涓

Front End Developer

HTML5, CSS3, JavaScript ES6/7, React.js (Hook, Redux, SPA), RWD, Node.js, MySQL

  

[email protected]

 


        我是吳宇涓,26歲,畢業於國立東華大學國際企業學系,在校期間曾到西班牙交換計畫一年。畢業後任職於寵物食品產業前三大總代理公司任職兩年國貿採購、PM產品開發。離職後預計到德國進修研究所,到德國接觸了UX及前端,發現這是我更想做的事情,因此參加資策會前端班課程

          我剛從資策會前端工程師就業養成班結訓,正在尋找前端工程師的工作。熟悉前端 HTML5, CSS3, JavaScript ES6/ES7 切版及動畫、前後端API串接UX/UI介面設計、後端資料庫及伺服器環境建置,並以React.js框架 、Node.js 開發多人協作電商網站。利用課餘時間,也自學以Node.js建置Linebot機器人 及 React Native App開發。


 

 

Design


  • Illustrator
  • Photoshop
  • Adobe XD
  • Figma
  • Material Design


Version Control


  • Git, Git Flow

Front-End


  • HTML5
  • CSS3, SCSS, SASS
  • JavaScript ES6/7
  • RWD
  • jQuery
  • Bootstrap
  • Ant Design



  • React.js
  • (Hook, Redux, SPA)
  • React Native (自學中)
  • AJAX/JSON
  • Web Socket
  • 第三方API串接

Back-End


  • Node.js
  • PHP
  • npm 套件
  • RESTful API
  • mySQL
  • Apache
  • Linebot

  

Languages


中文


母語,聽說讀寫精通

英文


TOEIC 915 (閱讀滿分)

IELTS 6.0

台語


母語,聽說精通

德文


A2,生活會話

西班牙文


A2,生活會話


Education

財團法人資訊工業策進會 (資策會)

前端工程師就業養成班 MFEE09  •  2020 - 2020  台北 台灣

EU Mediterrani Universitat de Girona (交換計畫)

Exchange Program of Tourism Marketing  •  2016 – 2017  巴賽隆納 西班牙

國立東華大學

國際企業學系(主修),觀光暨休閒遊憩系(副修)  •  2012 - 2017  花蓮 台灣

新北市立板橋高級中學

普通高中  •  2009 - 2012  新北 台灣


Work Experiences


Product Manage 國際貿易採購

王品寵物有限公司

07 / 2017 - 02 / 2019
Taipei, Taiwan

品牌代理:
- 負責20個供應商,產品約8000個以上sku
- 每個月約20-30個貨櫃,每筆訂單金額約50-400萬
- 商業信件、合約、文件、會議95%皆使用英文

專案開發:
- 2018年因進口政策開放,搶攻市佔率,一個月上市1支新品牌
- 一年約出差5-6次(歐美亞洲),各大B2B展覽開發新代理、工廠
- 同時至少需處理10-15個大小專案

門市人員

UNIQLO 台灣優衣庫有限公司

11 / 2013 - 08 / 2015
Taipei, Taiwan

顧客服務:
- 商品介紹及銷售、收銀台與試衣間應對
- 門市環境整潔維持

賣場管理:
- 商品進貨、銷售及庫存管理
- 商品包裝、陳列及促銷品換檔


   


My Core Values


Curious, Passion, Sharing, Execute

     

•   享受邏輯思考規劃

•   UX 使用行為敏感度佳

•   UI 視覺、排版細節講究

•   清楚了解每段程式碼意義

    

•   自學能力佳、每天學習新知識

•   高執行力堅持做好

•   prioritize時間管理效率與品質

•   主動積極表達、團隊協作

 

   

自傳


        2019年5月結束上一份工作,申請到德國進修供應鏈管理研究所,因為一支XD教學影片改變了我的人生,我製作了Instagram介面改良設計稿並完成Prototype,當下非常激動,因為我找到了人生的另一個Passion,能夠將設計稿製作出實際可應用的介面是我更想做的事情。


        第一個碰到的困難是在學習JavaScript時,當時不斷的訓練自己鑽研每一段程式碼的思路、方法、邏輯、架構。在學習jQuery時,加深對DOM的選取及操作熟練度,也累積出如何自己尋找答案、Debug的方法。


        我很喜歡瀏覽各式國內外網站,將好看的樣式、特別的UX設計原理紀錄靈感筆記並實際練習做出,這個過程中不斷精進自己對Class選取器、CSS、RWD,發現自己能夠快速看見網頁空間架構,同時也更加深JavaScript 的程式邏輯,並將所學結合製作個人網站。


        在過去工作中自己對使用者經驗的敏感度觀察、細節的思考非常要求。因此在學習Adobe設計軟體時,結合Material Design製作符合UX的UI Kit, Style Guideline,而在協作過程中發現問題並找更適合協作的軟體,分享給組員並自學Figma。


        學習PHP(Apache)和Node.js (以express框架)兩種後端語言,讓我更加熟悉對RESTful API串接、CRUD、前後端整合、req及res、路由設計、連線mySQL、資料庫結構設計的運用。分別使用兩者架設管理端後台,我負責架設環境與六人共同協作,利用Git做版本控制整合。


        專題發使用React.js框架與7人共同協作開發椅子設計師平台,製作SPA網頁,以Hooks, Redux方法,一個半月製作出商品、二手、競標、募資、課程、會員, 購物車等功能之設計、前後端、資料庫、管理端等頁面。


        經過完整的學習、開發流程。我更加確信我願意付出更多、挖掘更多、更深的知識,我相信我的態度堅持與熱情的支持,能為團隊創造不同的價值。    


When you want something, all the universe conspires in helping you to achieve it.


 

作 品 集 

   

多人協作電商網站 (影片2:38:15處,約5分鐘,為我的DEMO發表)

https://youtu.be/JphzJAEL2rI?t=9493

功能:

多層篩選功能、客製化功能、競標功能、募資功能、C2C二手販售功能、O2O課程活動、部落格及專月文章訂閱、購物車功能、會員系統、客服系統、串接Gmail

使用技術:

Photoshop, Illustrator, XD, Material design, Sitemap, Flow chart, Function List

HTML5, CSS3, SCSS/SASS, JavaScript, React.js(Hook, Redux, SPA)

RWD, Bootstrap, Ant Design, AJAX/JSON

Node.js / express / npm, RESTful API, MySQL

Git Github Git Flow, ESlint, 第三方API串接



Project Name

產品頁


客製化訂製產品

頁籤動畫功能

三層篩選功能

Slider 動畫功能

頁籤動畫

推薦產品功能

訂閱電子報,串 Gmail API

串 Instagram API

新分頁開啟型錄、導向註冊頁

單張圖片上傳 API 、評論功能

客製化連結

課程活動兩層篩選

相關產品推薦

 

PHP 管理後台

功能:以Apache架設伺服器,連線資料庫,完成產品上架、編輯、刪除之CRUD功能

Node.js 管理後台

功能:以Express架設伺服器,連線資料庫,完成產品上架、編輯、刪除之CRUD功能


Project Name

產品列表頁

產品上架頁

Linebot 機器人




jQuery 遊戲


Project Name

打地鼠遊戲

Before / After 特效


切版作品

功能:利用Bootstrap 製作 RWD


Project Name

個人網站

復刻 Tiffany 網站

Hobbys


Diving in 蘭嶼

嘉明湖、玉山、雪山

馬拉松


Camino de Sandiago 朝聖之路



Working Holiday in Berlin



Thank you for your time!

I wish you have a pleasant and lovely day!

Powered by CakeResumePowered by CakeResume