//assets.cakeresume.com/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

<html><head></head><body><div class="row general general-profile-1"><div class="col-sm-4"><p class="avatar-wrapper" style="text-align: left;">&nbsp;　　 <img class="avatar fr-rounded fr-fic fr-dii" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/jzpBP/a22472510/33fcf595-1eb0-4e0b-a991-870226320e5c.png" style="width: 115px; aspect-ratio: 1280 / 1280;" loading="" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/jzpBP/a22472510/33fcf595-1eb0-4e0b-a991-870226320e5c.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/jzpBP/a22472510/33fcf595-1eb0-4e0b-a991-870226320e5c.png 828w"></p><h4 style="text-align: left;">　陳典<br><br></h4><h4 style="text-align: left;">　前端工程師<br><br></h4><h4 style="text-align: left;">　0910-098-869<br><br><a href="mailto:a22462710@gmail.com" rel="nofollow noopener" target="_blank"></a></h4><h4 style="text-align: left;">　<a href="mailto:a22462710@gmail.com" rel="nofollow noopener" target="_blank">a22472510@gmail.com</a><br><br></h4><h4 style="text-align: left;">　Taipei,Taiwan<br><br></h4></div><div class="col-sm-8"><p>在服務業任職多年，慢慢對生涯產生了強烈危機感，透過閱讀擴展自己的視野，也間接認識到軟體與程式便開始自主學習專研，2021四月辭去工作加入培訓營，期待自己不斷學習深化技術能力為公司帶來貢獻。</p><p>在職期間喜歡思考如何優化工作效率，有帶領6人團隊的經驗讓我有很好的溝通協調能力、應變能力，富有責任感與好奇心。</p><p>目前正積極尋找台北地區前端工程師職缺。</p><p><br></p><p><br></p><p><a href="https://github.com/DanielGG1024" target="_blank" rel="nofollow noopener"><span class="fr-myicon fr-deletable color social_media fr-myicon-img" style="background: url(https://spa-assets.cakeresume.com/assets/editor/icons/color/social_media/github.svg);"><span class="fr-icon-space-wrapper">&nbsp;</span></span></a> <a href="https://github.com/DanielGG1024" rel="nofollow noopener" target="_blank">GitHub</a> / <a href="https://medium.com/me/stories/public" rel="nofollow noopener" target="_blank"><span class="fr-myicon fr-deletable color logos fr-myicon-img" style="background: url(https://spa-assets.cakeresume.com/assets/editor/icons/color/logos/medium_monogram.svg);"><span class="fr-icon-space-wrapper">&nbsp;</span></span></a> <a href="https://a22472510.medium.com/" rel="nofollow noopener" target="_blank">Medium</a>(學習心得) /<span class="fr-myicon fr-deletable black popular fr-myicon-img" style="background: url(https://spa-assets.cakeresume.com/assets/editor/icons/black/popular/file.svg);"><span class="fr-icon-space-wrapper">&nbsp;</span></span>&nbsp; <a href="https://hackmd.io/@DanielGG1024" rel="nofollow noopener" target="_blank">HackMD</a>(技術筆記)</p></div></div><div class="row heading heading-skills-1"><div class="col-sm-12"><h2>技能</h2></div></div><div class="row repeater repeater-skills-1 repeater-end"><div class="col-sm-4"><h2 style=" font-weight: 500; color: rgb(46, 64, 111); font-style: normal;">Front-end Skills</h2><hr><ul><li>HTML</li><li>CSS/SCSS</li><li>JavaScript</li><li>Vue.js</li><li>RWD</li><li>Bootstrap</li></ul></div><div class="col-sm-4"><h3>Back-end Skill</h3><hr><ul><li>node.js/Express.js</li><li>MongoDB</li></ul></div><div class="col-sm-4"><h3>Other</h3><hr><ul><li>Git</li><li>RESTful API串接經驗</li></ul></div></div><div class="row heading heading-work-experience-6"><div class="col-sm-12"><h2>作品</h2></div></div><div class="row general general-project-4"><div class="col-sm-6"><p><span class="fr-img-caption fr-fic fr-dii" style="width: 373px;"><span class="fr-img-wrap"><img src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/jzpBP/a22472510/4986dd56-8eb0-445d-b781-c48c95d66b29.png" alt="ddddddd" loading="lazy" style="aspect-ratio: 1162 / 856;" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/jzpBP/a22472510/4986dd56-8eb0-445d-b781-c48c95d66b29.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/jzpBP/a22472510/4986dd56-8eb0-445d-b781-c48c95d66b29.png 828w"></span></span></p><p style="text-align: center; font-size: 12px;"> 前台登入帳號/密碼: <a href="mailto:user1@example.com" rel="nofollow noopener" target="_blank">user1@example.com</a>/12345678<br>後台登入帳號/密碼: <a href="mailto:root@example.com" rel="nofollow noopener" target="_blank">root@example.com</a>/12345678</p></div><div class="col-sm-6"><h2 style="text-align: center;">simple-twitter (協作專案)</h2><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;(<a href="https://danielgg1024.github.io/twitter-front-end-vue/#/login" rel="nofollow noopener" target="_blank">專案連結</a>/<a href="https://github.com/DanielGG1024/twitter-front-end-vue" rel="nofollow noopener" target="_blank">GitHub</a>/<a href="https://a22472510.medium.com/simple-twitter%E5%B0%88%E6%A1%88%E5%9B%9E%E9%A1%A7-%E6%AA%A2%E8%A8%8E-%E5%BF%83%E5%BE%97-f3c922988398" rel="nofollow noopener" target="_blank">專案開發心得</a>)</p><ul><li>核心功能: 創建帳號、登入<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span> 登出、推文、按讚追、<br>蹤使用者、設有後台管理介面。</li><li>主要負責: 登入登出註冊<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span> 後台<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span>首頁<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span> 瀏覽推文。</li><li>前端技術: HTML<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span>CSS,<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span>JavaScript<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span>Vue.js<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span> Vuex<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span>Toast<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span> <span style="color: rgb(0, 0, 0); font-style: normal; font-weight: 400;"><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">AJAX。</span></span></li><li><span style="color: rgb(0, 0, 0); font-style: normal; font-weight: 400;"><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">開發筆記:&nbsp;</span></span><a href="https://hackmd.io/@DanielGG1024/rkpdMN3Xt" rel="nofollow noopener" target="_blank"><span style="color: rgb(0, 0, 0); font-style: normal; font-weight: 400;"><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">errMsg</span></span></a>。</li></ul><p><br></p></div></div><div class="row general page-break-row general-page-break page-break-row-page-break"><div class="col-sm-12"><div class="page-break"></div></div></div><div class="row general general-project-4"><div class="col-sm-6"><p class="photo-wrapper"><img src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/jzpBP/a22472510/fb4c8aee-aabb-4115-856a-bac28c386526.png" class="fr-fic fr-dii" style="width: 374px; aspect-ratio: 1126 / 862;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/jzpBP/a22472510/fb4c8aee-aabb-4115-856a-bac28c386526.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/jzpBP/a22472510/fb4c8aee-aabb-4115-856a-bac28c386526.png 828w"></p></div><div class="col-sm-6"><h2 style="text-align: center;">時代雜誌(網頁切版)</h2><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;　　　(<a href="https://danielgg1024.github.io/time/" rel="nofollow noopener" target="_blank">專案連結</a>/<a href="https://github.com/DanielGG1024/time" rel="nofollow noopener" target="_blank">GitHub</a>)</p><ul><li>前端技術: HTML<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span>SCSS<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span> RWD<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span> JavaScript。</li><li>描述: 使用grid及flex製作網頁布局<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span><br>使用media screen 來達成不同裝置版型<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span><br>使用transform<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">、</span> transition來製作過場動畫。</li><li>開發筆記: <a href="https://hackmd.io/@DanielGG1024/Bk2yzawLK" rel="nofollow noopener" target="_blank">圖片輪播</a>，<a href="https://hackmd.io/@DanielGG1024/ryQWuG28t" rel="nofollow noopener" target="_blank">過場動畫</a>。</li></ul><p><br></p></div></div><div class="row heading heading-work-experience-2"><div class="col-sm-12"><h2>工作經歷</h2></div></div><div class="row repeater bottom-border repeater-work-experience-2 bottom-border-work-experience-2 repeater-end"><div class="col-sm-5"><p><span style="color: #888;">Jun 2016 - Apr 2021</span></p><h3>店長</h3><h4>米凱樂股份有限公司</h4><p><span style="color: rgb(136, 136, 136); font-style: normal; font-weight: 400;">Taipei, Taiwan</span> </p></div><div class="col-sm-7"><p>&nbsp; &nbsp;Mikkeller為丹麥精釀啤酒品牌，在世界各地有五十餘家分店，<br>　所屬門市有７人，年營業額千萬。　 </p><ul><li>優化工作流程，提高工作效率。<br><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">－<span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">運用資廚系統確保個物料狀保營運順暢，提高盤點效20%。</span>&nbsp;</span></li><li>洽談合作可能，增加雙方曝光機會。<br><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;"><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">－&nbsp;</span>積極參與各大市集增加品牌曝光度且尋找淺在合作夥伴，並提升當日業績20%。</span></li><li>維持店內營運流暢，排除突發狀況。<br><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">－ 主動詢問顧客體驗，降低負評的可能性</span></li><li><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">幫助新進夥伴教育訓練，快速熟悉店內環境、工作流程。</span><br><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;"><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">－</span> 帶領認識酒類基本知識，品飲技巧10餘人次。</span></li></ul></div></div><div class="row heading heading-work-experience-1"><div class="col-sm-12"><h2>培訓</h2><hr></div></div><div class="row repeater repeater-work-experience-1 repeater-end"><div class="col-sm-5"><h3>Alpha Camp</h3><p><span style="color: #888;">Apr 2021 - Oct 2021</span><span style="color: #888;"><br>Taipei, Taiwan</span></p></div><div class="col-sm-7"><ul><li>連續六個月每周穩定學習30小時以上。</li><li>以JavaScript語言學習前後端開發。</li><li>期間完成10+篇學習心得與技術筆記。<br><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">－</span><a href="https://a22472510.medium.com/" rel="nofollow noopener" target="_blank"><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">Medium</span></a><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">，</span><a href="https://hackmd.io/@DanielGG1024" rel="nofollow noopener" target="_blank"><span style="color: rgb(85, 85, 85); font-style: normal; font-weight: 400;">HackMD</span></a></li><li>使用前後分離開發方式，完成社群平台，負責<br>－ 與前端夥伴分配版切工作，與後端討論資料格式<br>－ 以Vue.js 打造SPA網頁，並以Axios串接後端API</li></ul></div></div><div class="row heading heading-education-4"><div class="col-sm-12"><h2>學歷</h2><hr></div></div><div class="row repeater repeater-education-4 repeater-end"><div class="col-sm-1"><p></p><div class="fr-img-space-wrap"><span class="fr-img-caption logo fr-rounded fr-fic fr-dii" style="width: 53px;"><span class="fr-img-wrap"><img src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/jzpBP/a22472510/17bd00a9-c52e-4ffd-8ae0-6a30e9b80f99.png" loading="lazy" style="aspect-ratio: 1024 / 795;" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/jzpBP/a22472510/17bd00a9-c52e-4ffd-8ae0-6a30e9b80f99.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/jzpBP/a22472510/17bd00a9-c52e-4ffd-8ae0-6a30e9b80f99.png 828w"></span></span></div><p></p></div><div class="col-sm-5"><p><span style="color: #888;">Sep 2009 - Sep 2013</span></p><h3>景文科技大學</h3><h4>電子工程系</h4></div><div class="col-sm-6"></div></div></body></html>

陳典 前端工程師a@gmail.com Taipei,Taiwan 在服務業任職多年，慢慢對生涯產生了強烈危機感，透過閱讀擴展自己的視野，也間接認識到軟體與程式便開始自主學習專研，2021四月辭去工作加入培訓營，期待自己不斷學習深化技術能力為公司帶來貢獻。 在職期間喜歡思考如何優化工作效率，有...

My CakeResume

在服務業任職多年，慢慢對生涯產生了強烈危機感，透過閱讀擴展自己的視野，也間接認識到軟體與程式便開始自主學習專研，2021四月辭去工作加入培訓營，期待自己不斷學習深化技術能力為公司帶來貢獻。

陳典

前端工程師

0910-098-869

[email protected]

Taipei,Taiwan

技能

Front-end Skills

Back-end Skill

Other

作品

simple-twitter (協作專案)

時代雜誌(網頁切版)

工作經歷

店長

米凱樂股份有限公司

培訓

Alpha Camp

學歷

景文科技大學

電子工程系

　陳典

　前端工程師

　0910-098-869

　[email protected]

　Taipei,Taiwan