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

<html><head></head><body><div class="row snippet-profile-041"><div class="col-sm-8"><h1><b>朱紬儒</b></h1><p>你好!我是剛畢業的新鮮人，期望自己能順利成為一位前端工程師</p><p><br></p><p>email:&nbsp; &nbsp; &nbsp;ilikekobe01@gmail.com&nbsp;</p><p>github:&nbsp; &nbsp;<a href="https://github.com/simpsons01" target="_blank" rel="nofollow noopener">https://github.com/simpsons01&nbsp;</a></p><p>手機:&nbsp; &nbsp; &nbsp; &nbsp;0979619900</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/MWgGn/ao-k/291753bf-4be4-42a8-8602-5b3ac34efd1f.png" alt="Profile 04 00@2x" style="border-radius: 0px; aspect-ratio: 564 / 318;" loading="" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/MWgGn/ao-k/291753bf-4be4-42a8-8602-5b3ac34efd1f.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/MWgGn/ao-k/291753bf-4be4-42a8-8602-5b3ac34efd1f.png 828w"></div></div><div class="row snippet-profile-071"><div class="col-sm-12"></div></div><div class="row snippet-paragraphs-001"><div class="col-xs-12"><h1><b>關於我</b></h1><p>我是紬儒，學習前端的起源於政府辦理的職訓課程，在職訓期間我學習到如何做出一個網頁，並在最後與一同受訓的學員最後完成了關台中公園的<a href="https://taichungmp.github.io/index.html?fbclid=IwAR3pAmX6yIJVh1U8Xua9fA6pNEfN-NnNay3QFWgu71u0Q4gQ3dI5TajaLaA" target="_blank" rel="nofollow noopener">形象網站</a>，結束職訓後，由於自己尚未畢業，仍持續利用課餘繼續加強自己前端相關的技能並累積了一些<a href="https://simpsons01.github.io/PAgame/#/" target="_blank" rel="nofollow noopener">作品</a>，期間也到了當初職訓局老師的公司，協同完成了一項專案，以上是我的簡要經歷。<br></p></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>Vue<br></h1><div>1.熟悉Vue常用指令如v-model、v-bind等的使用。</div><div>2.了解Vue元件的切割及元件如何溝通。<br></div><div>3.使用過Vue-Cli3搭建開發基本環境</div><div>4.使用過Vuex管理資料狀態</div><div>5.了解Vue的生命週期</div><div><br></div><div><br></div></div><div class="col-sm-4 item"><hr><h1>JavaScript</h1><p>1. 熟悉變數、函數、迴圈的使用<br></p><p>2. 熟悉操作陣列的方法如filter、reduce<br></p><p>3.熟悉JS語言的特性如變數的提升、非<br></p><p>同步與同步的機制<br></p><p>4.操作Ajax串接api，使用過jQuery與axios<br></p></div><div class="col-sm-4 item"><hr><h1>HTML&amp;CSS<br></h1><p>1.知道何時該使用哪用那些tag，而非一昧的使用div<br></p><p>2.使用SCSS的Variable與Mixin管理重複出現的樣式&nbsp;<br></p><p>3.熟悉RWD的設計<br></p><p>4.熟悉Bootstrap格線系統的使用<br></p><p>5.熟悉Flex排版<br></p><p><br></p><p><br></p><p><br></p></div></div></div></div><div class="row snippet-features-003"><div class="col-sm-12"><div class="row"><div class="col-sm-12"></div></div><div class="row" title=""><div class="col-sm-4 item"><hr><h1>其他<br></h1><p>1. 熟悉Swiper.js，Lightbox.js、Animate.css的套用<br></p><p>2.了解Git基本指令的操作<br></p><p><br></p><p><br></p><p><br></p></div><div class="col-sm-4 item"><p><br></p></div><div class="col-sm-4 item"></div></div></div></div><div class="row snippet-experiences-013"><div class="col-xs-12"><div class="row"><div class="col-xs-12"><h1><b>工作經歷</b></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>經歷一，2018 年 4 月 - 2018 年 6 月 </h3><p>於職訓局接觸學習前端，在職訓期間我學習到了HTML、CSS、jQuery、Bootstrap 4
</p></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>
經歷二，2018 年 10 月 - 2018 年 12 月</h3><p>於數位方塊擔任專案實習生，與職訓局的老師，協同一起完成了一項專案，在這項專案裡我負責的是
</p><p><br></p><p><a href="https://den.ncdr.nat.gov.tw/1132/1441/18980/" target="_blank" rel="nofollow noopener">颱風強度分類</a>&nbsp;，在這個頁面我負責開發頂部的Silder bar與中間的圓餅圖，使用到了<a href="http://ionden.com/a/plugins/ion.rangeSlider/" target="_blank" rel="nofollow noopener">Range Silder</a> 這個插件完成了頂部的Silder Bar，並自己寫CSS，客製成設計師需要的模樣，中間的圓餅圖使用的是套用於CodePen上找到的效果，最後將串接api回來的資料套用在圓餅圖上。&nbsp;</p><p><br></p><p>&nbsp;<a href="https://den.ncdr.nat.gov.tw/1132/1441/18999/" target="_blank" rel="nofollow noopener">縣市災害紀錄</a>，
 在這個頁面我負責開發中間的台灣地圖與旁邊的資料顯示，這裡我用到了Vue，讓畫面可以跟資料雙向綁定，當使用者點擊哪個縣市便可以得知該縣市的傷害資訊，假如資料超過六筆會分成兩頁顯示，左邊災害分類可以看到台灣各個災害的統計，長條圖套用CodePen上找到的效果，以上是我負責的開發內容<br></p></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><br></h3></div></div></div></div><div class="row snippet-projects-001"><div class="col-xs-12"><div class="row"><div class="col-xs-12"></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/MWgGn/ao-k/4b8daa06-219b-48a9-8eea-03cfc04f5dfd.png" alt="Projects 00 00@2x" style="border-radius: 0px; aspect-ratio: 1814 / 959;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/MWgGn/ao-k/4b8daa06-219b-48a9-8eea-03cfc04f5dfd.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/MWgGn/ao-k/4b8daa06-219b-48a9-8eea-03cfc04f5dfd.png 828w"><figcaption><h1>電商網站</h1><div class="p-container">線上課程完成的小型電商網站，使用者可以搜尋或過濾出自己想要的遊戲，並加入購物車，模擬電商網站的購物流程。使用Vue-Cli完成開發環境的建制，Vue-Router達成分頁切換，Vuex來管理前臺資料的處理 ，用Bootstrap來完成排版，並完成RWD設計</div><a class="btn btn-success" href="https://simpsons01.github.io/PAgame/#/" target="_blank" rel="nofollow noopener">去看看!</a></figcaption></figure></div></div></div></div><div class="row snippet-separator-001"><div class="col-xs-12"><hr></div></div><div class="row snippet-projects-001"><div class="col-xs-12"><div class="row"><div class="col-xs-12"></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/MWgGn/ao-k/96a4fee8-4abd-4497-83b7-ad72f5820f89.png" alt="Projects 00 00@2x" style="border-radius: 0px; aspect-ratio: 1814 / 959;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/MWgGn/ao-k/96a4fee8-4abd-4497-83b7-ad72f5820f89.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/MWgGn/ao-k/96a4fee8-4abd-4497-83b7-ad72f5820f89.png 828w"><figcaption><h1>台中都會公園</h1><div class="p-container"><p>職訓最後完成的作品，台中都會公園的形象網站，設計是由另外一位組員完成，我負責大部分程式碼的撰寫，使用Bootstrap完成大部分的排版，Swiper跟LightBox套件的使用讓網站更加生動，並完成RWD設計。</p></div><a class="btn btn-success" href="https://taichungmp.github.io/index.html?fbclid=IwAR3pAmX6yIJVh1U8Xua9fA6pNEfN-NnNay3QFWgu71u0Q4gQ3dI5TajaLaA" 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"></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/MWgGn/ao-k/7db265ce-33ae-487d-8b9e-50a56a28d9ae.png" alt="Projects 00 00@2x" style="border-radius: 0px; aspect-ratio: 1814 / 959;" loading="lazy" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/MWgGn/ao-k/7db265ce-33ae-487d-8b9e-50a56a28d9ae.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/MWgGn/ao-k/7db265ce-33ae-487d-8b9e-50a56a28d9ae.png 828w"><figcaption><h1>六角地下城挑戰</h1><div class="p-container">六角學院於Udemy開設的課程，我挑戰了1-8關，並完成題目要求的功能<br></div><a class="btn btn-success" href="https://github.com/simpsons01/HexSchoolChallenge" target="_blank" rel="nofollow noopener">了解詳情</a></figcaption></figure></div></div></div></div><div class="row snippet-paragraphs-001"><div class="col-xs-12"><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 最後，謝謝你耐心讀完我的履歷~</p></div></div></body></html>

朱紬儒 你好!我是剛畢業的新鮮人，期望自己能順利成為一位前端工程師 email: ilikekobe01@gmail.com github: https://github.com/simpsons01 手機:關於我 我是紬儒，學習前端的起源於政府辦理的職訓課程，在職訓期間我學習到如何做出一個網...

My CakeResume

你好!我是剛畢業的新鮮人，期望自己能順利成為一位前端工程師