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

<html><head></head><body><div class="row general general-profile-8"><div class="col-sm-8"><h2><br></h2><h1>王宇涵</h1><p>喜歡運動、藝術，從 2019 年 9 月看 Lidemy 的影片學習前端，在 2020 年 6 月報名程式導師實驗計畫第四期繼續學習，在學習前端的過程，發現自己比較喜歡 CSS 切版、用 JavaScript 操控 DOM，以及 API 串接的部分，想要往能夠做出讓人印象深刻的網站的目標前進。</p><p><a href="https://github.com/Lidemy/mentor-program-4th-joan821010" target="_blank" rel="nofollow noopener"><span class="fr-myicon fr-deletable black fr-myicon-img" style="background: url(https://spa-assets.cakeresume.com/assets/editor/icons//black/social_media/github.svg);"><span class="fr-icon-space-wrapper">&nbsp;</span></span></a></p><p><a href="mailto:joan60419@gmail.com" rel="nofollow noopener" target="_blank">joan60419@gmail.com</a></p></div><div class="col-sm-4"><p class="avatar-wrapper"><img class="fr-fic fr-dii fr-fir" style="width: 240px; height: 325px; aspect-ratio: 462 / 626;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/9vMJJ/joan60419/b4811317-782a-4547-a40a-92b256c5f471.png" loading="" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/9vMJJ/joan60419/b4811317-782a-4547-a40a-92b256c5f471.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/9vMJJ/joan60419/b4811317-782a-4547-a40a-92b256c5f471.png 828w"></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"><h3>HTML &amp; CSS</h3><hr><ul><li>CSS BEM 命名</li><li>排版：Flexbox、Grid</li><li>Bootstrap</li><li>SCSS</li></ul></div><div class="col-sm-4"><h3>JavaScript</h3><hr><ul><li>ES6</li><li>Ajax requests</li><li>API 串接</li><li>jQuery</li><li>Vue.js（學習中）</li></ul></div><div class="col-sm-4"><h3>其他</h3><hr><ul><li>CLI</li><li>Git</li><li>npm / yarn</li><li>Babel</li><li>Gulp</li><li>Webpack</li></ul></div></div><div class="row heading heading-project-2"><div class="col-sm-12"><h2>作品</h2><hr></div></div><div class="row repeater repeater-project-2"><div class="col-sm-4"><p class="photo-wrapper"><a href="https://lidemy.github.io/mentor-program-4th-joan821010/homeworks/week7/hw1/index.html" rel="nofollow noopener" target="_blank"><img style="width: auto; height: 230px; aspect-ratio: 1817 / 1665;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/9vMJJ/joan60419/ccb0b1cc-27c8-4a87-b93b-00d351448de2.png" class="fr-fic fr-dii" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/9vMJJ/joan60419/ccb0b1cc-27c8-4a87-b93b-00d351448de2.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/9vMJJ/joan60419/ccb0b1cc-27c8-4a87-b93b-00d351448de2.png 828w"></a></p><h3>報名表單</h3><p>用 CSS 切版，JavaScript 操控 DOM。</p></div><div class="col-sm-4"><p class="photo-wrapper"><a href="https://lidemy.github.io/mentor-program-4th-joan821010/homeworks/week7/hw2/index.html" rel="nofollow noopener" target="_blank"><img style="width: auto; height: 230px; aspect-ratio: 1642 / 1493;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/9vMJJ/joan60419/47b3ec9c-77ea-44d5-9e6b-2b0a728ed312.png" class="fr-fic fr-dii" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/9vMJJ/joan60419/47b3ec9c-77ea-44d5-9e6b-2b0a728ed312.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/9vMJJ/joan60419/47b3ec9c-77ea-44d5-9e6b-2b0a728ed312.png 828w"></a></p><h3>常見問題</h3><p>用 CSS 切版，JavaScript 操控 DOM。</p></div><div class="col-sm-4"><p class="photo-wrapper"><a href="https://lidemy.github.io/mentor-program-4th-joan821010/homeworks/week8/hw1/index.html" rel="nofollow noopener" target="_blank"><img style="width: auto; height: 230px; aspect-ratio: 1662 / 1499;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/9vMJJ/joan60419/fd1cfc8f-f017-42e4-b531-6f685a6caf78.png" class="fr-fic fr-dii" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/9vMJJ/joan60419/fd1cfc8f-f017-42e4-b531-6f685a6caf78.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/9vMJJ/joan60419/fd1cfc8f-f017-42e4-b531-6f685a6caf78.png 828w"></a></p><h3>抽個大獎</h3><p>用 CSS 切版，JavaScript 操控 DOM，使用 XMLHttpRequest 串接 API。</p></div></div><div class="row repeater repeater-project-2 repeater-end"><div class="col-sm-6"><p class="photo-wrapper"><a href="https://lidemy.github.io/mentor-program-4th-joan821010/homeworks/week13/hw3/index.html" rel="nofollow noopener" target="_blank"><img style="width: auto; height: 230px; aspect-ratio: 2844 / 1668;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/9vMJJ/joan60419/f1b6ba2c-c461-480a-bffe-9e0cab2144ca.png" class="fr-fic fr-dii" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/9vMJJ/joan60419/f1b6ba2c-c461-480a-bffe-9e0cab2144ca.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/9vMJJ/joan60419/f1b6ba2c-c461-480a-bffe-9e0cab2144ca.png 828w"></a></p><h3>Twitch Top Games</h3><p>用 CSS 切版，JavaScript 操控 DOM，使用 fetch 串接 Twitch API。</p></div><div class="col-sm-6"><p class="photo-wrapper"><a href="https://lidemy.github.io/mentor-program-4th-joan821010/homeworks/week12/hw2/index.html" rel="nofollow noopener" target="_blank"><img style="width: auto; height: 230px; aspect-ratio: 2844 / 1668;" src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/9vMJJ/joan60419/c7e37b8e-80a6-4f7a-a243-ed291846037b.png" class="fr-fic fr-dii" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/9vMJJ/joan60419/c7e37b8e-80a6-4f7a-a243-ed291846037b.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/9vMJJ/joan60419/c7e37b8e-80a6-4f7a-a243-ed291846037b.png 828w"></a></p><h3>TODOS</h3><p>用 Bootstrap 切版， jQuery 操控 DOM。</p></div></div><div class="row heading heading-work-experience-9"><div class="col-sm-6"><h2>工作經歷</h2></div><div class="col-sm-6"><h2>Education</h2></div></div><div class="row repeater with-time-line repeater-work-experience-9 with-time-line-work-experience-9"><div class="col-sm-1 col-xs-1"><div class="time-line-section"><div class="time-dot"></div><div class="time-line"></div></div></div><div class="col-sm-5 col-xs-11"><h3>粉樂町台北東區當代藝術展工讀生</h3><p><span class="theme-main-color">富邦藝術基金會 &nbsp;• &nbsp;</span><span style="color: #888;">Jul 2013 - Sep 2013</span></p><p><br></p></div><div class="col-sm-6"><h3>輔仁大學</h3><p><span class="theme-main-color">哲學, 體育 &nbsp;• &nbsp;</span><span style="color: #888;">Sep 2015 - May 2020</span></p><p><br></p></div></div><div class="row repeater with-time-line repeater-work-experience-9 with-time-line-work-experience-9"><div class="col-sm-1 col-xs-1"><div class="time-line-section"><div class="time-dot"></div><div class="time-line"></div></div></div><div class="col-sm-5 col-xs-11"><h3>混種現場志工</h3><p><span class="theme-main-color">台新銀行文化藝術基金會 &nbsp;• &nbsp;</span><span style="color: #888;">Oct 2013</span></p><p><br></p></div><div class="col-sm-6"><h3>程式導師實驗計畫</h3><p><span class="theme-main-color">第四期 &nbsp;• &nbsp;</span><span style="color: #888;">Sep 2019 - Feb 2021</span></p><p><a href="https://github.com/Lidemy/mentor-program-4th" rel="nofollow noopener" target="_blank">程式導師實驗計畫簡介</a></p></div></div><div class="row repeater with-time-line repeater-work-experience-9 with-time-line-work-experience-9 repeater-end"><div class="col-sm-1 col-xs-1"><div class="time-line-section"><div class="time-dot"></div><div class="time-line"></div></div></div><div class="col-sm-11 col-xs-11"><h3>工讀生</h3><p><span class="theme-main-color">台北市南港運動中心 &nbsp;• &nbsp;</span><span style="color: #888;">May 2019 - Aug 2019</span></p><p><br></p></div></div></body></html>

王宇涵 喜歡運動、藝術，從 2019 年 9 月看 Lidemy 的影片學習前端，在 2020 年 6 月報名程式導師實驗計畫第四期繼續學習，在學習前端的過程，發現自己比較喜歡 CSS 切版、用 JavaScript 操控 DOM，以及 API 串接的部分，想要往能夠做出讓人印象深刻的網站的目...