Uok6wbpuqkxkwhzbfxc3

陳昱安

Hi~ 我是 An 


2015年畢業於龍華科技大學資管系,大三做專題時,就與目前任職的公司開始合作,大四時,直接進入雄獅資訊開始實習 ,畢業後立刻轉為正職。


曾經在雄獅資訊跟天下學習任前端工程師

雄獅

主要工作是切版、動畫、解決跨裝置問題 、配合後端串接資料, 熟悉HTML5、Javascript、RWD ...等技術,有使用Grunt編譯 scss 並自製jQuery plugin建立模組。


天下學習

主要負責部分行銷案、天下學習平台 即cheers快樂工作人 部分維護即開發

行銷案跟cheers快樂工作人 只要用php(有Laravel) 跟 Javascript 來開發

天下學習平台主要是用vue2 ,nuxt.js 來開發製作

  

我是一位樂觀又喜歡挑戰自我的人,在工作上認真負責,對於每個專案都會努力去完成需求者想呈現的畫面,有空閒時會去學習新技術來充實自己,對於新的技術永於接受挑戰,希望在未來能在貴公司發揮所長。


  0975966521

新北市
[email protected]

專業技能


前端

HTML5

CSS / CSS3 / Sass

RWD 

Javascript

     jQuery

     ES6 / ES5

compass

AJAX / JSON

Webpack

Grunt



版本控管  

SVN、GIT


其他開發工具 

webstorm

Sublime

vscode

Photoshop

Illustrator

Abode XD

zeplin


工作經歷

2015年4月~2015年6月, 雄獅資訊科技實習生 

用webstorm後轉sublime 來撰寫 CSS / Sass/Compass、製作RWD以及jQuery、javascript開發網站。

2015年6月畢業轉為正職擔任前端網頁架構師 

任職期間負責過 活動案、FotoEXP平台的切版(協助)、雄旅網的機票館 即 團體館的平台以及電子報開發。
活動案 
  1. 這部分主要是畫面的呈現、動畫、遊戲,活動案都是獨立開發完成,動畫大多使用 css3 或是 jQuery、javascript來作呈現,遊戲則是用canvas 或是 javascript。
平台案
  1.  FotoEXP 是一個社群照片分享網站,我負責畫面顯示以及動畫部分
  2. 雄旅網(雄獅旅行社官方網站) 機票館 跟 團體館 ,開發方式為把網頁所有功能及樣式模組化(例如:選單、輪播...等) ,而功能都改為     自製的jQuery plugin開發,開發完成後用webpack打包 交付給後端套版,而版本控管用Git來掌控專案開發進度。
  3. 後期有使用過React開法過模組 (下方的 下拉選單 以及 燈箱)
電子報
  1.  負責過活動案的電子報的切版。    

2021年9月~10月 天下學習擔任前端工程師

任職期間負責部分行銷專案、天下學習平台跟cheers快樂工作人開發及維護,天下學習平台使用 vue  + nuxt.js來開發,行銷活動案使用php(Laravel) + jq 來開發。

作品集

以下網站皆有RWD,使用 HTML5 、CSS / CSS3 / Sass、Javascript、 jQuery 、canvas 做開發

2021

2020

Paragraph image 03 00@2x

幸福。森在其中 In the Forest

https://www.foresttourbus.com/

高雄好行 E起遊雙線

線上帶你遊高雄2條「台灣好行」路線,「大樹祈福線」、「哈佛快線」可直達世界級佛教聖地佛陀紀念館,深入風景秀麗的宜居小城大樹區。

https://event.xinmedia.com/taiwantrip-kao/

Paragraph image 02 00@2x
Paragraph image 03 00@2x

老司機帶路 重慶武隆全攻略

https://www.chongqing.com.tw/wulong.aspx

2019

宜蘭City Tour 國際學生宜探究竟活動

http://event.xinmedia.com/yilantour_student/

Paragraph image 02 00@2x

黃山官網

【天地一幅畫‧樂遊黃山】如詩如畫的奇景,你人生必造訪的地方。

https://www.huangshan.com.tw/

Paragraph image 02 00@2x
2018

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

2018河南徵選旅人徵選


首頁動畫利用 css3的 animation 來製作,讓網頁看起來更有互動性,而參賽名單利用瀑布流的方式,讓版面看起來更豐富。


安徽小天使 

http://www.anhuitravel.com.tw/event/angel/Default.aspx


小天使的部分除了利用css3的animation來製作外,也使用了jQuery 來做輪播相片的方式展現每一張相片。

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

2018清新福建遊你好運


清新福建特效最為費工的部分為左右兩側拉霸,使用css3 animation 動畫 做出 ,進場 跟出場動畫以外,並利用jQuery套用數學公式算出何時該啟動、停止、離開 。

杭州新樂點


專題部分 ,利用css 2D 翻轉將文字呈現以及jQuery算出視窗的到一定高度使內容慢慢浮現,讓使用者能夠一眼明瞭。
活動的部分, 在杭州最受喜愛的杭州新樂點j那塊用Query 的動畫業來展現換頁功能。




Paragraph image 04 00@2x 0a60eca693a10c928b852fbc59ecb80f69e59f0d26acd4c74f39c7f256369567
Paragraph image 04 01@2x d7b528f9ab8e34777562695011fbbc2a4f3f28d8b47f4c8e57ee7c3410afdfa8
Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

耀眼欣生代 


除了css3 動畫 ,同時也利用Transitions轉換時間效果以及位置移動,展現出俐落的效果。


2017

廈門特派員


青春一廈,除了一些小部分 css 動畫以外,使用fullPage.js 套件做出每個區塊為一頁式滾動。


成為人氣玩家,利用css 多種 位直 、時間差、以及放大縮小,讓整個視覺效果更為豐富


青春一廈(左圖): http://event.xinmedia.com/xiamen/2017

selecting/ 

 成為人氣玩家(右圖): http://event.xinmedia.com/xiamen/2017bestplayer/ 

Paragraph image 04 00@2x 0a60eca693a10c928b852fbc59ecb80f69e59f0d26acd4c74f39c7f256369567
Paragraph image 04 01@2x d7b528f9ab8e34777562695011fbbc2a4f3f28d8b47f4c8e57ee7c3410afdfa8

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

夏日遼寧 風華絕代話古今


第一次 使用大量的css動畫2D翻轉 、淡入淡出、位置移動、時間差 ...等,還有一些css3 動畫跟 jQuery 計算出物件大概位置並套入一些css動畫。


達人旅遊 武隆 

http://event.xinmedia.com/chungqing_wulong/


除了 jQuery輪播動畫跟animation 以及Transitions轉換時間效果以外, 第一次嘗試用js寫出滑鼠滾輪的動畫,讓視覺有被打開東西的效果,也嘗試在頁面放入影音,增添一些不一樣的元素,而下面景點介紹更是利用mouse 事件 以及 touch 事件,來記錄前後位置達到觸控效果,並且下面拉霸也要同步定位在相對位置。


Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e
2016

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

攝群網站

https://www.liontravel.com/event/photo_network/


第一次製作用jQuery一屏的輪播,讓視覺更開闊,裡面的參賽作品第一次嘗試使用瀑布流以及css 放大縮小來展示每張相片的美感。

開心Fun暑假

https://www.liontravel.com/
comm/2dom/hotsale/summer/


第一次嘗試一小塊主視覺動畫,利用css3 animation,來做出有跳動的效果。

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e


感謝您看完這份履歷


與我聯絡:

  [email protected]


Powered By CakeResume