//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" title=""><img data-no-retina="true" alt="Hisvzepr3smlrxg4hvjm" loading="" title="" style="border-radius: 50%; aspect-ratio: 274 / 274;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/nd9vZ/maomao520244/d403e7bd-32bf-4031-9c8c-c1d7d5daf6bb.png" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/nd9vZ/maomao520244/d403e7bd-32bf-4031-9c8c-c1d7d5daf6bb.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/nd9vZ/maomao520244/d403e7bd-32bf-4031-9c8c-c1d7d5daf6bb.png 828w"><h1 title=""><b title=""><span style="font-family: Anton, sans-serif;" title="">鄭晏瀅</span></b></h1><div class="edit"><div class="social-links" title=""><a href="https://github.com/t520244/aboutMe" target="_blank" rel="nofollow noopener" title=""><i class="fab" title=""></i></a>&nbsp;&nbsp;&nbsp;<a href="https://t520244.github.io/MAOMAO-DESIGN/" target="_blank" rel="nofollow noopener"><i class="fas" title=""></i></a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/maomao.cheng.5" target="_blank" rel="nofollow noopener"><i class="fab" title=""></i></a>&nbsp;&nbsp;</div></div><div class="row intro" title=""><div class="col-xs-12 col-sm-10 col-sm-offset-1" title=""><h3 title="">網頁前端</h3><h3 title="">&nbsp; New Taipei City , TW&nbsp;&nbsp;</h3><h3 title="">&nbsp;<a href="mailto:maomao520244@gmail.com" title="" target="_blank" rel="nofollow noopener">maomao520244@gmail.com</a></h3><p title=""><br></p></div></div></div></div><div class="row snippet-features-002"><div class="col-sm-12"><div class="row"><div class="col-sm-12" title=""><h1 title="" style="background-color: rgb(197, 239, 255); font-size: 36px;"><b title="" style="font-size: 36px; font-family: Anton, sans-serif;">技能</b></h1></div></div><div class="row" title=""><div class="col-sm-6 item" title=""><hr title=""><h1 title=""><i class="fab" title=""></i>&nbsp;HTML / CSS</h1><p title=""></p><ul title=""><li title="">熟悉 HTML5 語意標籤&nbsp;</li><li title=""><span style="font-weight: inherit;" title="">熟悉 CSS 中 FLEX 排版</span></li><li title="">手刻 RWD&nbsp;</li><li title="">優化 CSS ( SCSS )</li><li title="">熟悉 Bootstrap 5</li></ul><p></p></div><div class="col-sm-6 item" title=""><hr title=""><h1 title=""><i class="fab" title=""></i>&nbsp;JavaScript</h1><p title=""></p><ul title=""><li title="">熟悉原生 JS 陣列.物件與 DOM 操作&nbsp;</li><li title="">熟悉 AJAX 請求&nbsp;</li><li title="">熟悉 jQuery</li><li title="">熟悉 Node JS</li></ul><p></p></div></div><div class="row" title="" style="display: block;"><div class="col-sm-6 item" title=""><hr title=""><h1 title=""><i class="fab"></i>&nbsp;VueJS</h1><p title=""></p><ul title=""><li title="">熟悉 Vue3 開發SPA專案&nbsp;</li><li title="">使用 Vue Router 製作專案多頁面應用&nbsp;</li></ul><p></p></div><div class="col-sm-6 item" title=""><hr title=""><h1 title=""><i class="fab" title=""></i>&nbsp;GIT /&nbsp;GitHub </h1><p title=""></p><ul title=""><li title="">使用 GitHub 儲存專案</li><li title="">使用 GitHub Pages 創建一個靜態網頁</li></ul><p></p></div></div></div></div><div class="row snippet-experiences-013"><div class="col-xs-12"><div class="row"><div class="col-xs-12" title=""><h1 title="" style="background-color: rgb(197, 239, 255);"><b title="" style="font-size: 36px; font-family: Anton, sans-serif;">工作經歷</b></h1></div></div><div class="row" title=""><div class="col-xs-2 col-sm-1 item-bullet" title=""></div><div class="col-xs-10 col-sm-11 item" title=""><h3 title="">資拓宏宇國際股份有限公司, 專案助理, May 2016 ~ Jan 2018</h3><p title="">主要協助前端與後端資訊人員處理系統更新時，因系統上架後，使用者在操作上會有某些不明原因而操作失誤，進而需引導操作，並回覆專案系統人員協助使用者的使用情形（使用者體驗），再加以優化系統（依照時程編列須加項目）。<br></p></div></div><div class="row" title=""><div class="col-xs-2 col-sm-1 item-bullet" title=""></div><div class="col-xs-10 col-sm-11 item" title=""><h3 title="">新光銀行, 銀行辦事員, Jul 2014 ~ Feb 2015</h3><p title="">銀行相關事務</p></div></div></div></div><div class="row snippet-projects-001" style="background-color: rgb(236, 236, 236);"><div class="col-sm-12"><div class="row"><div class="col-sm-12" title=""><h1 title=""><b style="text-align: center; font-size: 36px; font-family: Anton, sans-serif;" title="">作品集 01</b></h1>
        </div>
    </div>
    <div class="row" title="">
        <div class="col-sm-6 item item-00" title="">
            <figure class="figure-text-center figure-with-mask" title="" style="text-align: left;">
                <img data-no-retina="true" alt="Projects 00 00@2x" loading="lazy" style="border-radius: 22px; aspect-ratio: 876 / 960;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/nd9vZ/maomao520244/9aa838ff-f7f4-452a-9b77-eec6e5b36dbf.png" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/nd9vZ/maomao520244/9aa838ff-f7f4-452a-9b77-eec6e5b36dbf.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/nd9vZ/maomao520244/9aa838ff-f7f4-452a-9b77-eec6e5b36dbf.png 828w">
                <figcaption title="">
                    <h1 title="">Live Your Dream💭</h1>
                    <div class="p-container" title="" style="text-align: justify;">
                        <p title="">利用 Flex 純切版，整合SCSS 樣式，</p><p title="">並呈現 RWD自適應畫面</p><p title=""><br></p>
                   </div>
                    <a class="btn btn-success" href="https://maomao520529.github.io/Perfume-e-commerce/index.html" title="" target="_blank" rel="nofollow noopener">了解詳情</a>
                </figcaption>
            </figure>
        </div>
        <div class="col-sm-6 item item-00" title="">
            <figure class="figure-text-center figure-with-mask" title="">
                <img data-no-retina="true" alt="Projects 00 00@2x" loading="lazy" style="border-radius: 10px; aspect-ratio: 604 / 640;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/nd9vZ/maomao520244/c4ce6484-40c0-4ecb-a9ab-1f22f0455193.png" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/nd9vZ/maomao520244/c4ce6484-40c0-4ecb-a9ab-1f22f0455193.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/nd9vZ/maomao520244/c4ce6484-40c0-4ecb-a9ab-1f22f0455193.png 828w">
                <figcaption title="">
                    <h1 title="">幸福甜點🎂</h1>
                    <div class="p-container" title="">
                        <p title="">(純切版)<br></p><p title="">使用 gulp 進行網頁前端自動化&nbsp;</p><p title="">&nbsp;利用 SCSS 整合樣式&nbsp;</p><p title="">jQuery動畫效果<br></p>
                   </div>
                    <a class="btn btn-success" href="https://maomao520529.github.io/gulpCake/" title="" target="_blank" rel="nofollow noopener">了解詳情</a>
                </figcaption>
            </figure>
        </div>
    </div>
</div></div><div class="row snippet-projects-001" style="background-color: rgb(236, 236, 236);"><div class="col-sm-12"><div class="row"><div class="col-sm-12" title=""><h1 title=""><b style="text-align: center; font-size: 36px; font-family: Anton, sans-serif;" title="">作品集 02</b></h1>
        </div>
    </div>
    <div class="row" title="">
        <div class="col-sm-6 item item-00" title="">
            <figure class="figure-text-center figure-with-mask" title="" style="text-align: left;">
                <img data-no-retina="true" alt="Projects 00 00@2x" loading="lazy" style="border-radius: 22px; aspect-ratio: 604 / 640;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/nd9vZ/maomao520244/15b481b7-4420-485a-8584-f6e6d477b415.png" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/nd9vZ/maomao520244/15b481b7-4420-485a-8584-f6e6d477b415.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/nd9vZ/maomao520244/15b481b7-4420-485a-8584-f6e6d477b415.png 828w">
                <figcaption title="">
                    <h1 title="">Happy FARM ( Vue3 )</h1>
                    <div class="p-container" title="" style="text-align: justify;">
                        <p title="">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;以 Vue 3框架為基礎，串接 API 建立商店購物整個流&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 程，

並設計整體架構為一致性。<br></p><p title=""><br></p>
                   </div>
                    <a class="btn btn-success" href="https://maomao520529.github.io/happy_farm/#/" title="" target="_blank" rel="nofollow noopener">了解詳情</a>
                </figcaption>
            </figure>
        </div>
        <div class="col-sm-6 item item-00" title="">
            <figure class="figure-text-center figure-with-mask" title="">
                <img data-no-retina="true" alt="Projects 00 00@2x" loading="lazy" style="border-radius: 10px; aspect-ratio: 604 / 640;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/nd9vZ/maomao520244/38b9f1db-c73c-45c9-a271-7c8d2e4f6745.png" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/nd9vZ/maomao520244/38b9f1db-c73c-45c9-a271-7c8d2e4f6745.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/nd9vZ/maomao520244/38b9f1db-c73c-45c9-a271-7c8d2e4f6745.png 828w">
                <figcaption title="">
                    
                    <div class="p-container" title="">
                        <p title="" style="font-size: 32px;">使用 Vite + Vue3&nbsp;</p><p title=""><br></p><p title="">串接 JSONPlacehoder&nbsp;<br></p><p title="">實作一個包含新增、編輯、刪除功能的 To Do List&nbsp;</p><p title="">了解Vite + Vue3 實務呈現</p><p title=""><br></p><p title=""><br></p>
                   </div>
                    <a class="btn btn-success" href="https://maomao520529.github.io/vite-vue/" title="" target="_blank" rel="nofollow noopener">了解詳情</a>
                </figcaption>
            </figure>
        </div>
    </div>
</div></div><div class="row snippet-projects-001"><div class="col-xs-12"><div class="row"><div class="col-xs-12"><h1>作品集 03<br></h1></div></div><div class="row" title=""><div class="col-sm-12 item item-00"><figure class="figure-text-center figure-with-mask"><img data-no-retina="true" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/nd9vZ/maomao520244/053e2f47-47b9-4fe8-ac66-8222123bf666.png" style="border-radius: 0px; aspect-ratio: 1812 / 959;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/nd9vZ/maomao520244/053e2f47-47b9-4fe8-ac66-8222123bf666.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/nd9vZ/maomao520244/053e2f47-47b9-4fe8-ac66-8222123bf666.png 828w"><figcaption><h1>用 ChatGPT + MBTI 打造簡易心理測驗網站！</h1><div class="p-container"><p><br></p></div><a class="btn btn-success" href="https://maomao520529.github.io/mbti_sweet/" target="_blank" rel="nofollow noopener">了解詳情</a></figcaption></figure></div></div></div></div><div class="row snippet-features-001"><div class="col-sm-12"><div class="row"><div class="col-sm-12" title=""><h1 title="" style="background-color: rgb(197, 239, 255);"><b style="font-size: 40px; font-family: Anton, sans-serif;" title="">簡介</b></h1></div></div><div class="row" title=""><div class="col-sm-12 item" title=""><hr title=""><p title="">您好，我叫鄭晏瀅，1986/8/4生，家住新北市蘆洲區。</p><p title=""><br></p><p title="">想轉職網頁前端的契機，是在2015~2016年期間，且因緣際會下，上網申請參加政府補助舉辦的「青年就業讚」【視覺傳達網頁設計】相關課程，可在課程中瞭解前端及網頁的差異性，並能間接以提升自我能力及專業能力，雖然課程中都是基礎的課程資訊，但這也讓我學到並瞭解前端與網頁設計的不同，進而促使我進入前端網頁設計這塊，也讓我產生了想研究各式各樣前端網頁設計的技能。</p><p title=""><br></p><p title="">也如願在 2016年5月應徵與網頁前端相關的職務，雖是助理級，但在工作期間內，也展現了解決公司事務上的應對，並有專案處理相關經驗『<br></p><p title=""><br></p><p title="">&nbsp;2018年因公司契約到期，進而待業中(並做轉職準備)。 我相信自己的學習能力可以跟上團隊節奏，也有相關練習作品，並會持續繼續努力自我的精進。</p><p title=""><br></p><p title="">期待加入貴公司能為彼此的專業帶來更多的成長。</p><p title=""><br></p><p title="">https://www.cakeresume.com/maomao520244<br></p></div></div></div></div><link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet" type="text/css"></body></html>

鄭晏瀅 網頁前端 New Taipei City , TW maomao520244@gmail.com 技能 HTML / CSS 熟悉 HTML5 語意標籤 熟悉 CSS 中 FLEX 排版 手刻 RWD 優化 CSS ( SCSS ) 熟悉 Bootstrap 5  JavaScrip...

YEN-YING CakeResume

崇右技術學院（崇右影藝科技大學）

資拓宏宇國際股份有限公司

專案助理

鄭晏瀅

鄭晏瀅 網頁前端 New Taipei City , TW maomao520244@gmail.com 技能 HTML / CSS 熟悉 HTML5 語意標籤 熟悉 CSS 中 FLEX 排版 手刻 RWD 優化 CSS ( SCSS ) 熟悉 Bootstrap 5  JavaScript 熟悉原生 JS 陣列.物件與 DOM 操作 熟悉 AJAX 請求 熟悉 jQuery 熟悉 Node JS  VueJS 熟悉 Vue3 開發SPA專案 使用 Vue Router 製作專案多頁面應用 GIT / GitHub 使用 GitHub 儲存專案 使用 GitHub Pages 創建一個靜態網頁 工作經歷 資拓宏宇國際股份有限公司, 專案助理, May 2016 ~ Jan 2018 主要協助前端與後端資訊人員處理系統更新時，因系統上架後，使用者在操作上會有某些不明原因而操作失誤，進而需引導操作，並回覆專案系統人員協助使用者的使用情形（使用者體驗），再加以優化系統（依照時程編列須加項目）。 新光銀行, 銀行辦事員, Jul 2014 ~ Feb 2015 銀行相關事務 作品集 01 Live Your Dream💭 利用 Flex 純切版，整合SCSS 樣式， 並呈現 RWD自適應畫面 了解詳情 幸福甜點🎂 (純切版) 使用 gulp 進行網頁前端自動化 利用 SCSS 整合樣式 jQuery動畫效果 了解詳情 作品集 02 Happy FARM ( Vue3 ) 以 Vue 3框架為基礎，串接 API 建立商店購物整個流 程， 並設計整體架構為一致性。 了解詳情 使用 Vite + Vue3 串接 JSONPlacehoder 實作一個包含新增、編輯、刪除功能的 To Do List 了解Vite + Vue3 實務呈現 了解詳情 作品集 03 用 ChatGPT + MBTI 打造簡易心理測驗網站！ 了解詳情 簡介 您好，我叫鄭晏瀅，1986/8/4生，家住新北市蘆洲區。 想轉職網頁前端的契機，是在2015~2016年期間，且因緣際會下，上網申請參加政府補助舉辦的「青年就業讚」【視覺傳達網頁設計】相關課程，可在課程中瞭解前端及網頁的差異性，並能間接以提升自我能力及專業能力，雖然課程中都是基礎的課程資訊，但這也讓我學到並瞭解前端與網頁設計的不同，進而促使...

鄭晏瀅

網頁前端

New Taipei City , TW

[email protected]

技能

 HTML / CSS

 JavaScript

 VueJS

 GIT / GitHub

工作經歷

資拓宏宇國際股份有限公司, 專案助理, May 2016 ~ Jan 2018

新光銀行, 銀行辦事員, Jul 2014 ~ Feb 2015

作品集 01

Live Your Dream💭

幸福甜點🎂

作品集 02

Happy FARM ( Vue3 )

作品集 03

用 ChatGPT + MBTI 打造簡易心理測驗網站！

簡介

HTML / CSS

JavaScript

VueJS

GIT / GitHub