Rkgjanjwjlvxfdycwabx

陳柏佑

網頁前端設計師 •  城市,TW  •  [email protected]

我畢業於文化大學多媒體設計系
因為在系上的這四年 有很多不同領域的多媒體課程可以多方嘗試,所以也讓我發現自己對於網頁開發設計這塊是非常感興趣的

前端經歷: 在大四下的時候 進入到了 亞星通 這家廣告公司 擔任前端實習生的職位,在執行公司專案的期間 開始學習如何跟後端合作 與 學習使用前端框架 (Vue.js) 來管理整個專案;
雖然整個專案只有我和另一位後端的夥伴一起製作 , 常常很多問題 都要自己解決
但也因為這樣,慢慢了解整個專案的開發節奏。

未來期望繼續往網頁前端發展。

網頁前端

前端開發

● JAVASCRIPT: 了解基本JS語法

並善用製作所需功能

●善用bootstrap 和 Jquery 來製作排版與互動效果

●CSS:  會使用SCSS+boostrap 規劃響應式網頁版型  和樣式製作






前端框架

●主要使用框架為 vue.js 

●善用vue.cli 框架 來規劃頁面

●利用Vue.Router來進行前後端分離

製作SPA(單頁應用網站)

 

 


善用工具

●  VSCODE : 主要撰寫程式工具

●  ADOBEXD: 主要會使用製作網頁版型 與 Prototype

● Adobe Illustrator : 使用製作網頁用的icon 及排版

● Adobe photoshop : UI製作

● XMind : 製作所需要的思維導圖和WorkFlow 


-作品-
Paragraph image 05 00@2x
Paragraph image 05 01@2x

banner製作

廣告數據可視化網站

公司專案

對應公司內部部門的需求,將各種廣告數據與資料可以透過篩選各種類別並取出資料並將其視覺化呈現


主要使用前端框架: Vue.js  

利用Vue.Cli使頁面元件化並利用Vue.Router 來達成前後端分離 

頁面主要以SPA(單頁應用網站)呈現

在此專案我擔任的角色為前端開發

負責向後端丟取參數要取所需要的資料

  



Paragraph image 02 00@2x



inbound日本 一頁式形象網站

side project

設計理念: 為了幫日本朋友,更方便宣傳而設計,網站中以簡約的風格來呈現,以更好方面使用者導覽。


主要使用 bootstrap的CSS框架來進行設計


頁面則以瀑布式網頁的方式瀏覽 



Paragraph image 02 00@2x



Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x



Paragraph image 04 00@2x
Paragraph image 04 01@2x



-學經歷-

中國文化大學創新育成中心,行政助理   2017 年 11 月 - 2019 年 9 月  30 日

辦公室各計畫支援,文書keyin , EDM活動文宣設計, 粉絲團管理

中國文化大學數位媒體設計系,2016 年 9 月 - 2020 年 6 月  

亞星通,可視化報表前端工程師  2020 年 2 月 - 2021 年 1 月

 1. 前期主要協作幫忙熱點埋放,GTM程式埋放,簡易的可視化圖表 

 2. 中後期開始主要和另一位後端共同開發公司內部使用的可視化網站 

   ● 公司廣告數據可視化網站 -- 開發團隊為:我(前端) 同事(後端)以及主管 三人共同開發 -- 我的主要工作是負責整體前端頁的樣式和板型 -- 專案使用的圖表框架為:chart.js -- 樣式與動態互動則是分別使用: css3 和 bootstrap -- 前端框架是主要使用vue.js > vue cli (頁面元件化) > Vue Router(前後端分離以及SPA單頁式網頁呈現) -- 與後端介接的部分是利用vue axios 傳遞參數索取需要的資料 -- 而後端使用的框架是 python的django 來開發api -- 整體流程開發完成後 打包成dist檔案交給後端並上傳主機 -- 最後撰寫後續維護用的文件 





































Powered by CakeResumePowered by CakeResume