//assets.cake.me/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

從主題發想、資料庫結構規劃，到前端設計與配色的整體構思，並使用 Vue 進行網站開發，確保設計與功能的統一與完整


● 使用技術：
前端技術: Vue.js、Vuetify、HTML、CSS、JavaScript
部署平台: Render
型別檢查: TypeScript

前端網頁設計

前端網頁工程師

蔡雨諠

蔡雨諠 Tsai Yu Hsuan 應徵職位：前端網頁工程師 Front-End Developer a@gmail .com 桃園市桃園區 曾擔任 行銷美編 與 業務助理，因工作需要參與了網站設計與後台開發的工作，得到很大的幫助也提升工作效率進而產生興趣，利用閒暇之餘自費線上課程學習，並嘗試...

My Cake Resume

應徵職位：前端網頁工程師 Front-End Developer

勞動部勞動力發展署北基宜花金馬分署

格森塑膠企業有限公司

行銷美編

前端工程師

<img class="avatar fr-rounded fr-fic fr-dii" src="https://images.cakeresume.com/4aQ3Yj/a0986881609/7877792d-74c6-4bf4-be29-b38cde3b37d6.png" data-src="https://images.cakeresume.com/4aQ3Yj/a0986881609/7877792d-74c6-4bf4-be29-b38cde3b37d6.png" data-fr-old-height="177"><h1>蔡雨諠</h1><h4>Tsai Yu Hsuan</h4>

<span style='font-family: Alata, "Noto Sans TC", "Noto Sans SC", "Noto Sans HK", "Noto Sans KR", "Noto Sans JP", "Noto Sans", "PingFang TC", "Microsoft JhengHei", PMingLiU, sans-serif; color: rgb(255, 255, 255);'>&nbsp;&nbsp; 應徵職位：前端網頁工程師 Front-End Developer<span style='font-family: Alata, "Noto Sans TC", "Noto Sans SC", "Noto Sans HK", "Noto Sans KR", "Noto Sans JP", "Noto Sans", "PingFang TC", "Microsoft JhengHei", PMingLiU, sans-serif; color: rgb(255, 255, 255);'>&nbsp; &nbsp;<a href="mailto:a0986881609@gmail.com"></a><a href="mailto:a0986881609@gmail.com"><span style='font-family: Alata, "Noto Sans TC", "Noto Sans SC", "Noto Sans HK", "Noto Sans KR", "Noto Sans JP", "Noto Sans", "PingFang TC", "Microsoft JhengHei", PMingLiU, sans-serif; color: rgb(255, 255, 255);'>a0986881609@gmail.com</a><span style='font-family: Alata, "Noto Sans TC", "Noto Sans SC", "Noto Sans HK", "Noto Sans KR", "Noto Sans JP", "Noto Sans", "PingFang TC", "Microsoft JhengHei", PMingLiU, sans-serif; color: rgb(255, 255, 255);'>&nbsp; 桃園市桃園區&nbsp;<span style='font-family: Alata, "Noto Sans TC", "Noto Sans SC", "Noto Sans HK", "Noto Sans KR", "Noto Sans JP", "Noto Sans", "PingFang TC", "Microsoft JhengHei", PMingLiU, sans-serif; color: rgb(255, 255, 255);'><a href="https://github.com/tsai-yu-xuan">&nbsp;</a>&nbsp; &nbsp;<a href="https://www.facebook.com/profile.php?id=100005368819387">&nbsp;</a>&nbsp;<a href="https://tsai-yu-xuan.github.io" rel="noopener noreferrer" target="_blank"></a>

曾擔任 行銷美編 與 業務助理，因工作需要參與了網站設計與後台開發的工作，得到很大的幫助也提升工作效率進而產生興趣，利用閒暇之餘自費線上課程學習，並嘗試將所學實際應用於網頁開發，這種成就感讓自己感到無比的樂趣及興致，考量個人生涯規劃於是決定全心投入程式領域，報名了政府 泰山職訓局的前端網頁設計課程。職訓期間獨立完成專題網站的開發，作品集中展示了資料庫結構設計、前端設計發想、色彩配色定位，以及如何使用Vue3、JavaScript、RWD、GSAP、AOS等技術完成網頁效果。並具備 API 串接能力，將後端資料與前端呈現順利整合，git版本控制。與同學們在高壓環境下快速學習與成長，下課時間也樂於與其他同學交流技術，學習上較吃力的部分也努力跟上進度。歷程中讓我深刻體認到「教學相長」的道理，知識分享的過程中，總能從他人身上得到許多收穫。雖然過程中壓力不小，但非常享受共同學習的過程，也激盪出許多精彩有趣的火花。結訓之後（2024/08 ~ 迄今），持續精進自己、複習訊聯期間的課程內容、製作個人作品集網站，完善作品來研究新技術的使用方式和熟悉舊有的技術，以及研究不同的開發工具和套件運用，提升程式碼的閱讀和維護性，持續自學線上課程幫助自己不斷提升專業領域相關知能，為將來參與開發的產品創造最好的價值。

<hr> <h1 style="text-align: center;">技能&nbsp;Skills</h1>開發一個完整的 Vue3 應用程式，涵蓋前端架構設計、UI/UX 設計及功能實現開發前端專案

<hr><h2 style=" font-weight: 400; color: rgb(0, 0, 0); font-style: normal;">Vue.js</h2><ul><li><h2>開發前端專案</h2></li><li>Composition API 用法</li><li>Options API 用法</li><li>Vuex / Pinia 應用</li><li>Vue Router 應用</li></ul>

<hr><h2 style=" font-weight: 400; color: rgb(0, 0, 0); font-style: normal;">JavaScript</h2><ul style=" font-weight: 400; color: rgb(0, 0, 0); font-style: normal;"><li>熟串接 Restful API</li><li>熟 JavaScript 核心與 ES6 語法</li><li>TypeScript</li></ul>

<hr><h2 style=" font-weight: 400; color: rgb(0, 0, 0); font-style: normal;">CSS</h2><ul><li>Media Query / RWD</li><li>SCSS</li><li>前端框架 Bootstrap 5</li><li>前端框架 Vuetify</li></ul>

<hr><h2 style=" font-weight: 400; color: rgb(0, 0, 0); font-style: normal;">動畫與交互設計</h2><ul><li>GSAP</li><li>AOS</li></ul>

<hr><h2 style=" font-weight: 500; color: rgb(51, 51, 51); font-style: normal;">平面設計</h2><ul><li>Illustrator</li><li>Photoshop</li><li>InDesign</li></ul>

<h2 style=" font-weight: 500; color: rgb(0, 0, 0); font-style: normal;">前端開發軟體</h2>&nbsp;&nbsp; Node.js&nbsp; &nbsp;&nbsp;&nbsp; Vue.js&nbsp; &nbsp;&nbsp;&nbsp; Sass&nbsp; &nbsp;&nbsp;&nbsp; Css 3&nbsp; &nbsp;&nbsp;

<h3>設計軟體</h3>&nbsp;&nbsp; Illustrator&nbsp; &nbsp;&nbsp;&nbsp; Photoshop&nbsp; &nbsp;&nbsp;&nbsp; InDesign&nbsp; &nbsp;&nbsp;&nbsp; Figma &nbsp;

<hr> <h1 style="text-align: center;">工作經歷 Work History</h1>

5月 2019 - 12月 2023

<h3>行銷美編人員 -&nbsp;格森塑膠企業有限公司</h3><ul><li>美編設計 : 海報、Banner、設計審稿、調整設計</li><li>業務助理 : 成立訂單、業務開發、客戶溝通</li><li>網路行銷&nbsp;:&nbsp;LINE@ / FB粉專 行銷活動PO文企劃發想、活動內容執行製作、蝦皮及各大賣場商品新增刪改</li></ul>

9月 2018&nbsp;- 2月 2018

<h3>網路行銷 - 百年盛實業有限公司</h3><ul><li>美編設計 : 活動海報、Banner、店面佈置、節慶規劃陳設</li><li>業務助理 : 成立訂單、業務開發、客戶溝通</li><li>網路行銷&nbsp;:&nbsp;LINE@ / FB粉專 行銷活動PO文企劃發想、活動內容執行製作、蝦皮及各大賣場商品新增刪改、促銷活動規劃與pm聯絡</li><li>開店面賣場主管 : &nbsp;活動、加購、促銷產品、陳列擺設規劃執行製作、主動邀約部落客來賣場行銷宣傳</li></ul>

<hr> <h1 style="text-align: center;">作品集 Side Projects</h1>

<h2 style="text-align: center;">前端網頁設計-永恆鼠兔居所</h2> 獨立完成專題網頁開發，從初期的主題設定、資料庫結構規劃、前端設計發想與顏色配色，並使用 Vue 框架構建網站，具備 Vue3 的基礎知識<a href="https://reurl.cc/Mj2Lan" target="_blank" rel="noopener noreferrer"></a><a href="https://reurl.cc/Mj2Lan" rel="noopener noreferrer" target="_blank">開啟我的專題簡報</a>

<h2 style="text-align: center;">個人網頁&nbsp; 作品集-蔡雨諠</h2> <a href="https://reurl.cc/Mj2Lan" target="_blank" rel="noopener noreferrer"></a><a href="https://tsai-yu-xuan.github.io/tsai-yu-xuan/" rel="noopener noreferrer" target="_blank">開啟我的個人網頁</a>

<h1 style="text-align: center;">學歷 Education</h1><hr>2014 / 9 ~ 2018 /6<h3 style="text-align: center;">南臺科技大學</h3><h4 style="text-align: center;">資訊傳播系 (一般大眾傳播學類)</h4>

<h1 style="text-align: center;">證照 Certificate</h1><hr>網頁設計丙級<h3 style="text-align: center;"> </h3>