CakeResume
CakeResume Logo
Log In
Sign Up
Build your Network
My Network
Access your personal network connections and manage your contacts.
CakeResume Meet
Expand your professional network by meeting and connecting with other users.
Community
Engage with other users through discussions, forums, and networking events.
Log In
Sign Up

CakeResume Talent Search

Advanced filters
On
Open to opportunities
Not open to opportunities
Taiwan
台灣
Taichung City, Taiwan
Taipei City, Taiwan
Taoyuan City, Taiwan
New Taipei City, Taiwan
台中市, 台灣
新北市, 台灣
Changhua County, Taiwan
台北市, 台灣
桃園市, 台灣
IT
Design
Tech
Corporate services
Less than 1 year
1-2 years
2-4 years
4-6 years
6-10 years
10-15 years
More than 15 years
AI Smart Matching
On
Central Taiwan University of Science and Technology
Chung Yuan Christian University
Fu Jen Catholic University
Kun Shan University
National Cheng Kung University
National Chengchi University
National Kaohsiung University of Applied Sciences
National Taichung University of Science and Technology
National United University
National University of Kaohsiung
Pittsburg State University
中原大學
中台科技大學
中臺科技大學
國立台中科技大學
國立成功大學
國立政治大學
國立聯合大學
國立臺中科技大學
國立高雄大學
國立高雄應用科技大學
崑山科技大學
輔仁大學
Taiwan
台灣
Taipei City, Taiwan
Taichung City, Taiwan
台中市, 台灣
台北市, 台灣
Taoyuan City, Taiwan
United States
Brooklyn, United States
Changhua County, Taiwan
Colombia
Coos County, Oregon, United States
Coos, Oregon, United States
Hsinchu City, Taiwan
New Taipei City, Taiwan
Oregon, United States
Singapore
新北市, 台灣
新竹市, 台灣
桃園市, 台灣
Full-time
JavaScript
HTML5
Vue.js
Git
CSS3
React.js
css/scss
JavaScript / ES6 / jQuery
css3/sass
Laravel
No
Yes
1-5 people
Within one month
Within six months
More than one year
前端工程師
資深軟體工程師
Individual Contributor
Senior Frontend Developer
Sr. Front End Engineer / Front End Engineer
UI/UX 設計師, UI/UX Designer, 前端設計師, 網頁設計師
UI/UX/前端工程師/網頁設計師
前端工程師 Front-End Developer
前端網頁工程師、前端網頁設計師
後端工程師、全端工程師
Bachelor of Business Administration (BBA)
Bachelor’s Degree
Master of Science (MS)
Master’s Degree
Non-Degree Program (e.g. Coursera certificate)
Bachelor
Master
2019
2015
2014
2012
2011
2010
2008
2007
2006
2004
Current company
Off
Select all
Code Green IT
JOBALL找專家-專業人才外包網
Listia
Needs Inc 好式數位科技有限公司
Nexio
Providence University 靜宜大學
TVBS聯利媒體股份有限公司
Taroko Software 泰樂科技軟體
UReliance LLC
一零四資訊科技股份有限公司
Interested in working remotely
Not interested in working remotely
Remote Only
Full-time freelancer
Part-time freelancer
Non-freelancer
Chinese - Native or Bilingual
English - Intermediate
English - Beginner
Chinese - Professional
English - Fluent
English - Professional
Japanese - Beginner
Chinese
English
4-6 years
6-10 years
10-15 years
More than 15 years
Taiwan
  • Exclude read results
  • Show all experiences
Avatar of xinxuan.
Avatar of xinxuan.
xinxuan
前端工程師 @中佑集團 凡谷興業
・
2019 ~ 2023
前端工程師
Within one month
吳炘璇 Dora 前端工程師 / Taichung，TW / [email protected] 畢業於國立聯合大學經營管理學系 進入社會後接觸到美編設計/行銷企劃/專案管理，到現在成為前端工程師 ， 因為前面這些經歷與大學學到的商業邏輯， 讓我在做網頁切版與邏輯撰寫、動畫設計
css3/sass
JavaScript / ES6 / jQuery
git版本控制系統
Employed
・
Open to opportunities
Full-time / Interested in working remotely
6-10 years
國立聯合大學
・
經營管理
Avatar of 陳昱安.
Active
Avatar of 陳昱安.
Active
陳昱安
前端工程師
Within one month
切版跟製作動畫，對於新的技術永於接受挑戰，希望在未來能在貴公司發揮所長。 新北市 [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 figma 工作經歷 2015年4月~2015年6月， 雄獅
JavaScript
HTML5
CSS3
Employed
Full-time / Interested in working remotely
4-6 years
龍華科技大
・
資訊管理
1,500+
Avatar of Eden, Lo.
Avatar of Eden, Lo.
Eden, Lo
Past
學生兼助教 @勞動部職訓局
・
2022 ~ 2022
前端網頁工程師、前端網頁設計師
More than one year
Eden, Lo 前端網頁工程師 Taichung City, Taiwan 為 API 生 / 為 框架 死 / 為 Debug 奮鬥一輩子 技能 Tech Stack HTML5 CSS 3 SASS/SCSS Javascript jQuery Vue.js 2 Design Tools Visual Studio Code Git Illustrator Photoshop Adobe XD Sketch Figma Zeplin 學歷 2008/08 ~ 2011/06 市立新社高中 商業經營科 2011/09 ~ 2015/06 國立臺中科技大學 資訊管理系 工作經歷 2015
HTML5
css3/sass
pug
Unemployed
Full-time / Interested in working remotely
4-6 years
國立臺中科技大學
・
資訊管理系
Avatar of 丁家麒.
Avatar of 丁家麒.
丁家麒
CakeResume Premium Badge
創辦人 @境宇科技有限公司
・
2019 ~ 2021
前端工程師
Within one month
播 APP使用 Node.js, Express 串接 Youtube API 作為 Proxy 將camera 攝像機的影像流傳至 Youtube 開直播 開發RESTful API 提供給手機 專業技能總覽 前端語言 HTM5 CSS3 / Sass Javascript Vanilla ES6 前端開發 React 生態 Redux React Router v4 Redux-thunk Hook Material UI Ant Design UI Vue 全家桶 Vue視其他UI框架支援度學習) Vue Router Vuex Nuxt Element UI Vuetify UI Mint
JavaScript
Node.js
React.js
Employed
・
Not open to opportunities
Full-time / Remote Only
4-6 years
成功大學
・
土木工程學系
Avatar of the user.
Avatar of the user.
Available for paid companies
Web Developer @Listia
・
2013 ~ 2015
Individual Contributor
More than one year
Ruby on Rails
HTML5
css3/sass
Not open to opportunities
Full-time / Remote Only
6-10 years
National Chengchi University
・
Psychology
Avatar of the user.
Avatar of the user.
Available for paid companies
資深軟體工程師
More than one year
JavaScript
Node.js
HTML
Full-time / Interested in working remotely
6-10 years
亞洲大學
・
資訊
Avatar of the user.
Avatar of the user.
Available for paid companies
Sr. Front End Engineer / Front End Engineer
More than one year
JavaScript
Angular
Node.js
Full-time / Interested in working remotely
6-10 years
國立中興大學
・
材料工程
Avatar of 邱敬幃.
Avatar of 邱敬幃.
邱敬幃
Full-stack Developer @JOBALL找專家-專業人才外包網
・
2020 ~ Present
軟體開發相關
Within one month
投訴。（ 2018//10 ） 開發與維護網站前、後端，解決突發問題與應對客戶投訴。（ 2019//10 ） 開發爬蟲工具收集 Mobile01、Ptt、Youtube、Momo 商城、PCHome 購物、Yahoo 購物內的產品相關資訊。 負責設計、開發、維護，與虛擬機的管理。 技能：Swift、Html、Css / Sass、JavaScript、PHP、Python、MySQL、Redis、Elasticsearch、Apache2、GCP、Git、Figma、綠界金流、EVERY8D 簡訊。
Swift/iOS
HTML/HTML5
CSS/SASS/LESS
Employed
・
Open to opportunities
Full-time / Interested in working remotely
6-10 years
National Chiayi University
・
應用數學系
Avatar of 蕭育暉.
Avatar of 蕭育暉.
蕭育暉
Vue Front-end @UReliance LLC
・
2023 ~ Present
Senior Frontend Developer
Within one month
習階段是PHP後端實習生，清楚後端與前端銜接的流程， 以及RESTFul架構，與資料庫相關的基礎知識。 Front-end Engineer SR.  Taichung，TW Skill 前端技術 CSS / SASS Javascript Typescript Vue3 React 後端技術 PHP Laravel NodeJS NestJS Operations Nginx Docker Linux Jenkins Unit Test Jest Module bundler Webpack rollup Vite Vercel Other React Native SQL Web Bluetooth Chrome Extension PHP 工作經歷 UReliance LLC, Frontend Developer - Now Responsible for frontend
vue.js
Git
Github
Employed
・
Open to opportunities
Full-time / Interested in working remotely
4-6 years
國立高雄應用科技大學
・
資訊管理系
Avatar of 林子芸.
Avatar of 林子芸.
林子芸
前端開發工程師 @和泰聯網
・
2022 ~ Present
前端工程師 Front-End Developer
Within one month
to UI/UX, striving to create a better user experience. [email protected] Skill Javascript JavaScript ( ES6) jQuery Lodash Vue.js / Vue-cli / Nuxt.js Vuex React / React Hooks / Next.js Redux / Redux Toolkit Quasar-cli Syncfusion Styling CSS3 / Scss / Less Bootstrap MUI Tools npm Xshell Git / Github / Gitlab Svn / Git Svn / TortoiseSVN Azure DevOps Server (TFS) Experience Hotai Connected Co., Ltd . , Front-End Engineer Sep 2022 ~ Current Developed Hotaigo Travel E-Commerce Website Imported Redux Toolkit to set up
Vue.js
CSS3
SCSS
Employed
・
Not open to opportunities
Full-time / Interested in working remotely
4-6 years
輔仁大學 Fu Jen Catholic University
・
軟體工程與數位創意

The Most Lightweight and Effective Recruiting Plan

Search resumes and take the initiative to contact job applicants for higher recruiting efficiency. The Choice of Hundreds of Companies.

  • Browse all search results
  • Unlimited access to start new conversations
  • Resumes accessible for only paid companies
  • View users’ email address & phone numbers
Upgrade Now
7-day money-back guarantee, cancel anytime
12
Search Tips
1
Search a precise keyword combination
senior backend php
If the number of the search result is not enough, you can remove the less important keywords
2
Use quotes to search for an exact phrase
"business development"
3
Use the minus sign to eliminate results containing certain words
UI designer -UX
Only public resumes are available with the free plan.
Upgrade to an advanced plan to view all search results including tens of thousands of resumes exclusive on CakeResume.
Upgrade Now

Definition of Reputation Credits

Technical Skills
Specialized knowledge and expertise within the profession (e.g. familiar with SEO and use of related tools).
Problem-Solving
Ability to identify, analyze, and prepare solutions to problems.
Adaptability
Ability to navigate unexpected situations; and keep up with shifting priorities, projects, clients, and technology.
Communication
Ability to convey information effectively and is willing to give and receive feedback.
Time Management
Ability to prioritize tasks based on importance; and have them completed within the assigned timeline.
Teamwork
Ability to work cooperatively, communicate effectively, and anticipate each other's demands, resulting in coordinated collective action.
Leadership
Ability to coach, guide, and inspire a team to achieve a shared goal or outcome effectively.
Within one month
Avatar of 陳昱安.
陳昱安
Changhua County, Taiwan
Professional Background
Current status
Employed
Job Search Progress
Professions
Front-end Engineer
Fields of Employment
Software
Work experience
4-6 years
Management
Skills
JavaScript
HTML5
CSS3
jQuery
Photoshop
vs code
Git
Sass
css/scss
Illustrator
React.js
Languages
Job search preferences
Positions
前端工程師
Job types
Full-time
Locations
Remote
Interested in working remotely
Freelance
Yes, I freelance in my spare time
Educations
School
Major
Print
Uok6wbpuqkxkwhzbfxc3

陳昱安

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

新北市
[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

figma


工作經歷

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 來開發。

2022年01月~現今 緯創軟體

1.駐點在緯穎科技擔任助理工程師 
主要用AgilePoint來開發 申請/簽核表單及流程
(AgilePoint 為Microsoft平台開發了第一個全面性的BPM技術，除了可以建立表單簽核流程外，還可以建立非表單的組織邏輯、程式邏輯及商業邏輯。並可整合異質系統，做一次性自動化。)
實作方式： 
使用AgilePoint 拉製申請單/簽核單，並使用CSS 美化表單排版、利用JQ來做表單收合，完成後直接開發流程。 語言:CSS ,JQuery,SQL
參與過專案 
1.Business Card Application: 設計申請單及簽核單且 完成開發測試。
 2.USB Storage Access Application(新增需求 ): 新增需求簽核單並完成開發測試 
3.Business Card Application 、ITSR、EAP簽核單頁面 優化 
4.e-Sign使用者手冊(中、英) PPT 
5.WriteOffGitForFree: 設計簽核單級開發測試

2.緯創資通 擔任軟體工程師 (目前在此駐點)
主要用AgilePoint來開發 申請/簽核表單及流程 、 使用.net +Angular 製作報表 、維護線上所有簽核專案 跟協助開發Agilepoint
報表主要更能分為
1.讓承辦人新增刪除各Site 的承辦人
2.看個單子目前流程狀況
3.根據專案需求是否有特別維護資料
參與過專案
1.開發: 國內差旅、貨運叫車 
2.維護: 公務用行動電信、派車四個單子(臨停、租車、私車公用、公務車)、外訓申請、名片申請、喜奠賀慶、文具申請、印刷品、廢棄物申請 ....等
3.協助其他Site 的 IT 開發Agilepoint 專案


作品集

使用React 製作功能

輪播

https://codesandbox.io/s/20yjnjyvjn

搜尋

https://codesandbox.io/s/ym9qxmlw81

使用router跳頁

https://codesandbox.io/s/23z23w9jmy

下拉選單

https://codesandbox.io/s/6wvy13rq8n

燈箱

https://codesandbox.io/s/l4p1q8lm5m

新聞頁

https://github.com/apple715028/reactnews

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

2023

與設計(外包接案)

https://andbrdesign.com/

主要用Angular 去做開發，部分動畫使用lottery 去作呈現

2021

天下學習平台

https://www.cwlearning.com.tw/

Paragraph image 00 00@2x
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
Paragraph image 03 00@2x

2019河南聽旅人說故事

http://www.henan.com.tw/feature/2019expert/

黃山官網

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

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

Paragraph image 02 00@2x
Profile 05 00@2x


皖如初衷 說好的旅行

http://www.anhuitravel.com.tw/event/go_on_Anhui/




五彩斑爛‧耀眼黃山

http://www.huangshan.com.tw/special_features/5color/


Profile 06 00@2x
Profile 05 00@2x


成語故事遊安徽

http://www.anhuitravel.com.tw/Special_Features/historystory/



冬戀黃山


http://www.huangshan.com.tw/special_features/winter/


Profile 06 00@2x
Profile 05 00@2x


201∞杭州旅遊夢交換

https://www.gotohz.com.tw/feature/postcrossing/?utm_source=xinchinafb&utm_medium=fbpost&utm_campaign=xinmedia


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]


Resume
Profile
Print
Uok6wbpuqkxkwhzbfxc3

陳昱安

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

新北市
[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

figma


工作經歷

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 來開發。

2022年01月~現今 緯創軟體

1.駐點在緯穎科技擔任助理工程師 
主要用AgilePoint來開發 申請/簽核表單及流程
(AgilePoint 為Microsoft平台開發了第一個全面性的BPM技術，除了可以建立表單簽核流程外，還可以建立非表單的組織邏輯、程式邏輯及商業邏輯。並可整合異質系統，做一次性自動化。)
實作方式： 
使用AgilePoint 拉製申請單/簽核單，並使用CSS 美化表單排版、利用JQ來做表單收合，完成後直接開發流程。 語言:CSS ,JQuery,SQL
參與過專案 
1.Business Card Application: 設計申請單及簽核單且 完成開發測試。
 2.USB Storage Access Application(新增需求 ): 新增需求簽核單並完成開發測試 
3.Business Card Application 、ITSR、EAP簽核單頁面 優化 
4.e-Sign使用者手冊(中、英) PPT 
5.WriteOffGitForFree: 設計簽核單級開發測試

2.緯創資通 擔任軟體工程師 (目前在此駐點)
主要用AgilePoint來開發 申請/簽核表單及流程 、 使用.net +Angular 製作報表 、維護線上所有簽核專案 跟協助開發Agilepoint
報表主要更能分為
1.讓承辦人新增刪除各Site 的承辦人
2.看個單子目前流程狀況
3.根據專案需求是否有特別維護資料
參與過專案
1.開發: 國內差旅、貨運叫車 
2.維護: 公務用行動電信、派車四個單子(臨停、租車、私車公用、公務車)、外訓申請、名片申請、喜奠賀慶、文具申請、印刷品、廢棄物申請 ....等
3.協助其他Site 的 IT 開發Agilepoint 專案


作品集

使用React 製作功能

輪播

https://codesandbox.io/s/20yjnjyvjn

搜尋

https://codesandbox.io/s/ym9qxmlw81

使用router跳頁

https://codesandbox.io/s/23z23w9jmy

下拉選單

https://codesandbox.io/s/6wvy13rq8n

燈箱

https://codesandbox.io/s/l4p1q8lm5m

新聞頁

https://github.com/apple715028/reactnews

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

2023

與設計(外包接案)

https://andbrdesign.com/

主要用Angular 去做開發，部分動畫使用lottery 去作呈現

2021

天下學習平台

https://www.cwlearning.com.tw/

Paragraph image 00 00@2x
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
Paragraph image 03 00@2x

2019河南聽旅人說故事

http://www.henan.com.tw/feature/2019expert/

黃山官網

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

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

Paragraph image 02 00@2x
Profile 05 00@2x


皖如初衷 說好的旅行

http://www.anhuitravel.com.tw/event/go_on_Anhui/




五彩斑爛‧耀眼黃山

http://www.huangshan.com.tw/special_features/5color/


Profile 06 00@2x
Profile 05 00@2x


成語故事遊安徽

http://www.anhuitravel.com.tw/Special_Features/historystory/



冬戀黃山


http://www.huangshan.com.tw/special_features/winter/


Profile 06 00@2x
Profile 05 00@2x


201∞杭州旅遊夢交換

https://www.gotohz.com.tw/feature/postcrossing/?utm_source=xinchinafb&utm_medium=fbpost&utm_campaign=xinmedia


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]