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

<html><head></head><body><div class="row snippet-profile-021"><div class="col-xs-12 text-center"><img data-no-retina="true" src="https://media.cakeresume.com/image/upload/s--gmiXfxJ7--/c_fill,g_face,h_300,w_300/v1678592414/zbwbrourdcd5l5oai0fg.jpg" loading="" style="aspect-ratio: 300 / 300;"><h1><b>游玟馨</b></h1><div class="edit"><div class="social-links"><a href="https://github.com/itstinayu" target="_blank" rel="nofollow noopener"><i class="fab"></i></a></div></div><div class="row intro"><div class="col-xs-12 col-sm-10 col-sm-offset-1"><h3>前端工程師 Front-End Developer&nbsp;&nbsp;•&nbsp; Taipei，TW&nbsp;</h3><h3><a href="mailto:trista10235195@gmail.com" target="_blank" rel="nofollow noopener">trista10235195@gmail.com</a></h3><p>大學畢業後進入企業，在職時和網頁設計公司討論新網站的建置，開始接觸到程式的領域，對於網頁設計越發熱情，進入職訓參訓半年，最終能獨立建立完整的前後端整合網站。涉獵到程式的領域中，能持續學習、精進技術是關鍵，期許將來能夠開發出更優良的作品，為公司帶來價值。&nbsp;</p></div></div></div></div><div class="row snippet-separator-001"><div class="col-xs-12"><hr></div></div><div class="row snippet-features-003"><div class="col-sm-12"><div class="row"><div class="col-sm-12"><h1><b>軟體技能</b></h1></div></div><div class="row" title=""><div class="col-sm-4 item"><hr><h1 style="font-size: 22px;">前端開發</h1><p>• HTML</p><p>• CSS</p><p>• JavaScript</p><p>• jQuery</p><p>• Bootstrap</p><p>• Vue.js<br></p><p>• Git控版<br></p></div><div class="col-sm-4 item"><hr><h1 style="font-size: 22px;">後端技術</h1><p>• Node.js</p><p>• MongoDB</p><p>• RESTful API<br></p></div><div class="col-sm-4 item"><hr><h1 style="font-size: 22px;">視覺設計</h1><p>• Figma</p><p>• Illustrator</p><p>•&nbsp;Photoshop </p></div></div></div></div><div class="row snippet-separator-001"><div class="col-xs-12"><hr></div></div><div class="row snippet-experiences-013"><div class="col-xs-12"><div class="row"><div class="col-xs-12"><h1>工作經歷<br></h1></div></div><div class="row" title=""><div class="col-xs-2 col-sm-1 item-bullet"></div><div class="col-xs-10 col-sm-11 item"><h3>啟富達國際股份有限公司&nbsp;<span style="color: rgb(136, 136, 136); font-size: 16px;">行銷企劃人員&nbsp; Jul 2020 ~ Mar 2022</span></h3><p>∙ 協助公司新網站建置&nbsp;</p><p>∙ 提升公司品牌形象、價值&nbsp;</p><p>∙ 活動宣傳企劃、文案&nbsp;</p><p>∙ 用戶管理及客服<br></p></div></div><div class="row" title="" style="display: block;"><div class="col-xs-2 col-sm-1 item-bullet"></div><div class="col-xs-10 col-sm-11 item"><h3>World of Fun&nbsp;<span style="color: rgb(136, 136, 136); font-size: 16px;">園區服務員 Jun 2019 ~ Sep 2019</span></h3><p>∙ 美國堪薩斯州全美語文工作環境<br>∙ work and travel in USA</p></div></div><div class="row" title="" style="display: block;"><div class="col-xs-2 col-sm-1 item-bullet"></div><div class="col-xs-10 col-sm-11 item"><h3>信義誠品專櫃&nbsp;<span style="color: rgb(136, 136, 136); font-size: 16px;">專櫃人員, Jul 2018 ~ Jun 2019</span></h3><p>∙ 擔任該品牌ＩＧ小編<br>∙ 服裝平面模特</p></div></div></div></div><div class="row snippet-separator-001"><div class="col-xs-12"><hr></div></div><div class="row snippet-educations-013 snippet-experiences-013"><div class="col-xs-12"><div class="row"><div class="col-xs-12"><h1><b>轉職進修</b><br></h1><div><b><br></b></div></div></div><div class="row" title=""><div class="col-xs-2 col-sm-1 item-bullet"></div><div class="col-xs-10 col-sm-11 item"><h3>泰山職業訓練場 / 前端網頁開發技術班，2020 年 2 月 - 2020 年 8 月</h3><div>- 參加 936 小時的職前訓練，習得前端網頁開發的技術</div><div>- 基本的 HTML、CSS 及 JavaScript 應用</div><div>- 使用 Bootstrap、jQuery、Vue.js、Node.js 及 MongoDB 進行網頁建置</div><div>- 透過 RESTful API 串接資料及利用</div><div>- Git 版本控制管理專案</div><div>- 考取網頁設計丙級證照</div><div style="font-size: 18px;"><br></div></div></div></div></div><div class="row snippet-paragraph-image-001"><div class="col-sm-8"><h1 style="font-size: 24px;">專題作品：<a href="https://itstinayu.github.io/usaTravel-front-2-/#/" target="_blank" rel="nofollow noopener">美好自遊</a></h1><p>美國自由行攻略平台網站，透過地圖和閱覽景點評價功能，讓使用者旅遊時不失去方向感，也能一覽附近美食、景點，此平台有票券商城讓使用者能即刻訂票。<br></p><p><br></p><p>前台功能:&nbsp;</p><p>1. 會員註冊/登入&nbsp;</p><p>2. Google Map地點自動搜尋&nbsp;</p><p>3. TravelAdvisor景點評論網站結合地圖&nbsp;</p><p>4. 加入、修改購物車&nbsp;</p><p>5. 結帳、送出訂單&nbsp;</p><p>6. 行前攻略文章篩選查看、收藏&nbsp;</p><p>7. 票券篩選查看、收藏&nbsp;</p><p>8. 查看已結帳訂單、票券及文章收藏&nbsp;</p><p>9. 會員行事曆功能&nbsp;</p><p><br></p><p>後台功能:&nbsp;</p><p>1. 新增、修改及管理票券、文章&nbsp;</p><p>2. 查看會員資料&nbsp;</p><p>3. 管理訂單<br></p></div><div class="col-sm-4"><img data-no-retina="true" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/VPRvD/tina77878/e3b9a282-3007-4760-b711-559cc07c33ce.png" style="border-radius: 0px; aspect-ratio: 564 / 318;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/VPRvD/tina77878/e3b9a282-3007-4760-b711-559cc07c33ce.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/VPRvD/tina77878/e3b9a282-3007-4760-b711-559cc07c33ce.png 828w"></div></div><div class="row snippet-call-to-action-001"><div class="col-xs-12"><a class="btn btn-success" href="https://itstinayu.github.io/usaTravel-front-2-/#/" target="_blank" rel="nofollow noopener">View Demo</a></div></div><div class="row snippet-readings-002"><div class="col-sm-12"><div class="row"><div class="col-sm-12"><h1><b>Projects</b></h1></div></div><div class="row" title=""><div class="col-sm-6 item"><div class="row"><div class="col-sm-12"><hr></div></div><div class="row"><div class="col-xs-4 text-center"><img data-no-retina="true" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/VPRvD/tina77878/98601224-a1d4-4908-97ce-9b246ebbccc3.png" style="border-radius: 0px; aspect-ratio: 224 / 338;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/VPRvD/tina77878/98601224-a1d4-4908-97ce-9b246ebbccc3.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/VPRvD/tina77878/98601224-a1d4-4908-97ce-9b246ebbccc3.png 828w"></div><div class="col-xs-8"><h1><a href="https://github.com/itstinayu/vuetify-pomodoro" target="_blank" style="font-size: 24px;" rel="nofollow noopener">Vuetify Pomodoro</a></h1><p>以Vue 3 及 Vuetify UI
                      框架製作的線上番茄鐘，使用者可增、改、刪、查待辦事項。首頁可進行開始、暫停與跳過倒數等番茄鐘的定時功能。</p></div></div></div><div class="col-sm-6 item"><div class="row"><div class="col-sm-12"><hr></div></div><div class="row"><div class="col-xs-4 text-center"><img data-no-retina="true" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/VPRvD/tina77878/58addc95-6b68-411c-be2d-8fd22d5b391b.png" style="border-radius: 0px; aspect-ratio: 224 / 338;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/VPRvD/tina77878/58addc95-6b68-411c-be2d-8fd22d5b391b.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/VPRvD/tina77878/58addc95-6b68-411c-be2d-8fd22d5b391b.png 828w"></div><div class="col-xs-8"><h1><a href="https://github.com/itstinayu/linebot-giphy" target="_blank" style="font-size: 24px;" rel="nofollow noopener">Linebot Giphy</a></h1><p>使用 Node.js 製作查詢開放資料的，LINE 機器人，此項目使用
                      linebot 、 giphy-api 等套件。</p></div></div></div></div><div class="row" title="" style="display: block;"><div class="col-sm-6 item"><div class="row"><div class="col-sm-12"><hr></div></div><div class="row"><div class="col-xs-4 text-center"><img data-no-retina="true" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/VPRvD/tina77878/0eb10b8f-b208-4179-a1e6-744e9c4ae0b0.png" style="border-radius: 0px; aspect-ratio: 224 / 338;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/VPRvD/tina77878/0eb10b8f-b208-4179-a1e6-744e9c4ae0b0.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/VPRvD/tina77878/0eb10b8f-b208-4179-a1e6-744e9c4ae0b0.png 828w"></div><div class="col-xs-8"><h1><a href="https://github.com/itstinayu/Tokyo-Responsive-Project" target="_blank" style="font-size: 24px;" rel="nofollow noopener">Tokyo Responsive</a></h1><p>使用 Bootstrap 結合 skrollr 套件，製作可響應的滾動式網站。</p></div></div></div><div class="col-sm-6 item"><div class="row"><div class="col-sm-12"><hr></div></div><div class="row"><div class="col-xs-4 text-center"><img data-no-retina="true" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/VPRvD/tina77878/2aca0d72-2a57-44de-8245-f341ec9291a4.png" style="border-radius: 0px; aspect-ratio: 224 / 338;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/VPRvD/tina77878/2aca0d72-2a57-44de-8245-f341ec9291a4.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/VPRvD/tina77878/2aca0d72-2a57-44de-8245-f341ec9291a4.png 828w"></div><div class="col-xs-8"><h1><a href="https://github.com/itstinayu/Zombie-Game-Project" target="_blank" style="font-size: 24px;" rel="nofollow noopener">Zombie Game</a></h1><p>使用 Node.js 製作查詢開放資料的LINE 機器人，此項目使用
                      linebot 、 giphy-api 等套件。</p></div></div></div></div><div class="row" title="" style="display: block;"><div class="col-sm-6 item"><div class="row"><div class="col-sm-12"><hr></div></div><div class="row"><div class="col-xs-4 text-center"><img data-no-retina="true" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/VPRvD/tina77878/2d0a03c4-6d00-446c-b4a6-13989f8ce286.png" style="border-radius: 0px; aspect-ratio: 224 / 338;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/VPRvD/tina77878/2d0a03c4-6d00-446c-b4a6-13989f8ce286.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/VPRvD/tina77878/2d0a03c4-6d00-446c-b4a6-13989f8ce286.png 828w"></div><div class="col-xs-8"><h1><a href="https://github.com/itstinayu/Toy-Story-4-Matching-Game-Project" target="_blank" style="font-size: 24px;" rel="nofollow noopener">Matching Game</a></h1><p>jQuery 以及 CSS 3D
                      製作玩具總動員主題的翻牌遊戲，加載後開始遊戲，
                      使用者需在卡牌中翻開所有兩張相同的卡片才算過關。</p></div></div></div><div class="col-sm-6 item"><div class="row"><div class="col-sm-12"><hr></div></div><div class="row"><div class="col-xs-4 text-center"><img data-no-retina="true" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/VPRvD/tina77878/3309df5f-4b4d-4c5f-9a52-af02dbc91868.png" style="border-radius: 0px; aspect-ratio: 224 / 338;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/VPRvD/tina77878/3309df5f-4b4d-4c5f-9a52-af02dbc91868.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/VPRvD/tina77878/3309df5f-4b4d-4c5f-9a52-af02dbc91868.png 828w"></div><div class="col-xs-8"><h1><a href="https://github.com/itstinayu/Calculator-Project" target="_blank" style="font-size: 24px;" rel="nofollow noopener">Calculator</a></h1><p>對滑鼠、鍵盤偵測事件，對每個按鈕設置點擊和鍵盤事件，並使用 eval() 函數去計算，加上深淺色主題供使用者更換。</p></div></div></div></div></div></div><div class="row snippet-separator-011"><div class="col-xs-12"><p></p></div></div><div class="row snippet-separator-011"><div class="col-xs-12"></div></div></body></html>

游玟馨 前端工程師 Front-End Developer • Taipei，TW trista@gmail.com 大學畢業後進入企業，在職時和網頁設計公司討論新網站的建置，開始接觸到程式的領域，對於網頁設計越發熱情，進入職訓參訓半年，最終能獨立建立完整的前後端整合網站。涉獵到程式的領域中，...

Tina portfolio

大學畢業後進入企業，在職時和網頁設計公司討論新網站的建置，開始接觸到程式的領域，對於網頁設計越發熱情，進入職訓參訓半年，最終能獨立建立完整的前後端整合網站。涉獵到程式的領域中，能持續學習、精進技術是關鍵，期許將來能夠開發出更優良的作品，為公司帶來價值。 

游玟馨

前端工程師 Front-End Developer • Taipei，TW

[email protected]

軟體技能

前端開發

後端技術

視覺設計

工作經歷

啟富達國際股份有限公司行銷企劃人員 Jul 2020 ~ Mar 2022

World of Fun 園區服務員 Jun 2019 ~ Sep 2019

信義誠品專櫃專櫃人員, Jul 2018 ~ Jun 2019

轉職進修

泰山職業訓練場 / 前端網頁開發技術班，2020 年 2 月 - 2020 年 8 月

專題作品：美好自遊

Projects

Vuetify Pomodoro

Linebot Giphy

Tokyo Responsive

Zombie Game

Matching Game

Calculator

游玟馨