Ksthi62ajn2ohmphtwin

Ruby Wu

+886 911-078-982

目前職稱 前端工程師  •  Taipei,Taiwan  •   [email protected]

畢業於德霖科技大學餐飲管理系, 擅長溝通接洽。因緣際會接觸網頁開發,曾經開發過線上一對一教學網站、線上課程預約、以及一些網站function。 未來希望能作為一名優秀的前端工程師,讓使用網站的人們,當下能夠體驗到親切與友善的使用者介面。

   學/經歷                                               證照

德霖科技大學,2010/9 - 2014/7

餐飲管理系

台灣大學資訊系統訓練班,2014/1 - 2014/2

30小時學分班

阿蘇の司 hotel,2012/6 - 2012/12

日本飯店實習生

天蔥牛排 Mr.onion,2013/1 - 2017/5

餐廳副店長

天絡股份有限公司,2017/5 - 仍在職

前端工程師

丙級工業電子技術士

丙級烘焙食品技術士

丙級餐旅服務技術士

國際禮儀接待員乙級

乙種職業安全衛生業務主管

國際咖啡調配師

人力資源主管

Call to action 03 00@2x 6c100fa510fd76fb543d0767e170fa523bbdadaa93f32ce69b462ec23fdc2521

前端之路

我是Ruby,常被朋友說給人一種很溫暖的感覺,常常是大家的垃圾桶,餐廳服務業的工作也帶給我良好的溝通能力,讓我能做對上對下最好的橋樑。


雖不是資工設計背景,但是從小對電腦有著很高的領悟力,無名小站興盛時期, 下課的消遣便是修改無名小站的樣式,致力改得比大家更好更漂亮。

工作閒暇之餘,因為哥哥的介紹,報名了台大學分班,就此開啟了我的前端之路。


我喜歡學習新技術,喜歡解決問題的成就感,在學習網頁開發的過程中,我從要求第一眼的版面配置,到強化網頁的功能性,希望能夠帶給使用者一個優良的使用感知體驗。每個網頁就像一個故事,如何引人入勝、吸引人去使用、去體會,使人耐心的聽完你的故事,就是一個好的故事。

技能


   ●●●●○ JavaScript/jQuery                                                            ●●●○○ Adobe Illustrator

   ●●●●○ HTML5

   ●●●●○ CSS3 

   ●●●●○ RWD 

   ●●●○○ Bootstrap 

作品集-CSS切版


Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

CSS - 天氣盒子


連結

Projects 00 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf





sketch切圖 - 健順


連結

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

CSS - 手機DEMO


連結

Projects 00 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf





PSD切圖 - menu


連結

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

CSS - IG相機


連結

Projects 00 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf





PSD切圖- car

 (RWD)

連結

作品集-js


Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

宇宙公轉


連結

Projects 00 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf


畫廊


連結

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

購物清單


連結

Projects 00 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf


fullpage

(RWD)

連結

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

點餐系統


連結

Projects 00 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf


月曆


連結

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

視差位移


連結

Projects 00 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf


節點移動


連結

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

仿網頁


連結

Projects 00 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf


仿app


連結

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

flexbox

(RWD)

連結



仿app


連結