Hi~ 我是 An
2015年畢業於龍華科技大學資管系,大四時直接進入雄獅資訊開始實習,畢業後立刻轉為正職。
曾經在雄獅資訊跟天下學習任前端工程師
雄獅
主要工作是切版、動畫、解決跨裝置問題 、配合後端串接資料, 熟悉HTML5、Javascript、RWD ...等技術,有使用Grunt編譯 scss 並自製jQuery plugin建立模組。
天下學習
主要負責部分行銷案、天下學習平台 即cheers快樂工作人 部分維護即開發
行銷案跟cheers快樂工作人 只要用php(有Laravel) 跟 Javascript 來開發
天下學習平台主要是用vue2 ,nuxt.js 來開發製作
緯創軟體
目前駐點在緯創資通
負責BPM 電子簽核系統並撰寫內外部測試腳本與SOP 。
主要用AgilePoint 開發BPM簽核流程與表單。
使用工具有 javascript 、jQuery、CSS、SQL、.net 、Angular。
我是一位樂觀又喜歡挑戰自我的人,在工作上認真負責,對於每個專案都會努力去完成需求者的需求,有空閒時會去學習新技術來充實自己,曾經用Angular切版跟製作動畫,對於新的技術永於接受挑戰,希望在未來能在貴公司發揮所長。
0975966521
HTML5
CSS / CSS3 / Sass
RWD
Javascript
jQuery
ES6 / ES5
compass
AJAX / JSON
Webpack
Grunt
SVN、GIT
webstorm
Sublime
vscode
Photoshop
Illustrator
Abode XD
zeplin
figma
以下網站皆有RWD,使用 HTML5 、CSS / CSS3 / Sass、Javascript、 jQuery 、canvas 做開發
線上帶你遊高雄2條「台灣好行」路線,「大樹祈福線」、「哈佛快線」可直達世界級佛教聖地佛陀紀念館,深入風景秀麗的宜居小城大樹區。
http://www.anhuitravel.com.tw/event/angel/Default.aspx
小天使的部分除了利用css3的animation來製作外,也使用了jQuery 來做輪播相片的方式展現每一張相片。
清新福建特效最為費工的部分為左右兩側拉霸,使用css3 animation 動畫 做出 ,進場 跟出場動畫以外,並利用jQuery套用數學公式算出何時該啟動、停止、離開 。
青春一廈,除了一些小部分 css 動畫以外,使用fullPage.js 套件做出每個區塊為一頁式滾動。
成為人氣玩家,利用css 多種 位直 、時間差、以及放大縮小,讓整個視覺效果更為豐富
青春一廈(左圖): http://event.xinmedia.com/xiamen/2017
成為人氣玩家(右圖):
http://event.xinmedia.com/xiamen/2017bestplayer/
除了 jQuery輪播動畫跟animation 以及Transitions轉換時間效果以外, 第一次嘗試用js寫出滑鼠滾輪的動畫,讓視覺有被打開東西的效果,也嘗試在頁面放入影音,增添一些不一樣的元素,而下面景點介紹更是利用mouse 事件 以及 touch 事件,來記錄前後位置達到觸控效果,並且下面拉霸也要同步定位在相對位置。
https://www.liontravel.com/event/photo_network/
第一次製作用jQuery一屏的輪播,讓視覺更開闊,裡面的參賽作品第一次嘗試使用瀑布流以及css 放大縮小來展示每張相片的美感。
https://www.liontravel.com/
comm/2dom/hotsale/summer/
第一次嘗試一小塊主視覺動畫,利用css3 animation,來做出有跳動的效果。
Hi~ 我是 An
2015年畢業於龍華科技大學資管系,大四時直接進入雄獅資訊開始實習,畢業後立刻轉為正職。
曾經在雄獅資訊跟天下學習任前端工程師
雄獅
主要工作是切版、動畫、解決跨裝置問題 、配合後端串接資料, 熟悉HTML5、Javascript、RWD ...等技術,有使用Grunt編譯 scss 並自製jQuery plugin建立模組。
天下學習
主要負責部分行銷案、天下學習平台 即cheers快樂工作人 部分維護即開發
行銷案跟cheers快樂工作人 只要用php(有Laravel) 跟 Javascript 來開發
天下學習平台主要是用vue2 ,nuxt.js 來開發製作
緯創軟體
目前駐點在緯創資通
負責BPM 電子簽核系統並撰寫內外部測試腳本與SOP 。
主要用AgilePoint 開發BPM簽核流程與表單。
使用工具有 javascript 、jQuery、CSS、SQL、.net 、Angular。
我是一位樂觀又喜歡挑戰自我的人,在工作上認真負責,對於每個專案都會努力去完成需求者的需求,有空閒時會去學習新技術來充實自己,曾經用Angular切版跟製作動畫,對於新的技術永於接受挑戰,希望在未來能在貴公司發揮所長。
0975966521
HTML5
CSS / CSS3 / Sass
RWD
Javascript
jQuery
ES6 / ES5
compass
AJAX / JSON
Webpack
Grunt
SVN、GIT
webstorm
Sublime
vscode
Photoshop
Illustrator
Abode XD
zeplin
figma
以下網站皆有RWD,使用 HTML5 、CSS / CSS3 / Sass、Javascript、 jQuery 、canvas 做開發
線上帶你遊高雄2條「台灣好行」路線,「大樹祈福線」、「哈佛快線」可直達世界級佛教聖地佛陀紀念館,深入風景秀麗的宜居小城大樹區。
http://www.anhuitravel.com.tw/event/angel/Default.aspx
小天使的部分除了利用css3的animation來製作外,也使用了jQuery 來做輪播相片的方式展現每一張相片。
清新福建特效最為費工的部分為左右兩側拉霸,使用css3 animation 動畫 做出 ,進場 跟出場動畫以外,並利用jQuery套用數學公式算出何時該啟動、停止、離開 。
青春一廈,除了一些小部分 css 動畫以外,使用fullPage.js 套件做出每個區塊為一頁式滾動。
成為人氣玩家,利用css 多種 位直 、時間差、以及放大縮小,讓整個視覺效果更為豐富
青春一廈(左圖): http://event.xinmedia.com/xiamen/2017
成為人氣玩家(右圖):
http://event.xinmedia.com/xiamen/2017bestplayer/
除了 jQuery輪播動畫跟animation 以及Transitions轉換時間效果以外, 第一次嘗試用js寫出滑鼠滾輪的動畫,讓視覺有被打開東西的效果,也嘗試在頁面放入影音,增添一些不一樣的元素,而下面景點介紹更是利用mouse 事件 以及 touch 事件,來記錄前後位置達到觸控效果,並且下面拉霸也要同步定位在相對位置。
https://www.liontravel.com/event/photo_network/
第一次製作用jQuery一屏的輪播,讓視覺更開闊,裡面的參賽作品第一次嘗試使用瀑布流以及css 放大縮小來展示每張相片的美感。
https://www.liontravel.com/
comm/2dom/hotsale/summer/
第一次嘗試一小塊主視覺動畫,利用css3 animation,來做出有跳動的效果。