//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--7SQmY45F--/c_fill,g_face,h_300,w_300/v1491557457/ydhldrjnq1q8gusl1vbk.jpg" alt="Ydhldrjnq1q8gusl1vbk" loading="" style="aspect-ratio: 300 / 300;"><h1><b style="font-size: 18px;">李思佳</b></h1><div class="row intro"><div class="col-xs-12 col-sm-10 col-sm-offset-1"><h3>&nbsp;✎ <span style="font-size: 16px;">前端/設計接案經歷 5 年</span></h3><div>&nbsp; #熱心公益,&nbsp; #獨立思考, #樂於學習<br></div><div><br></div><div><a href="mailto:sanyaobox@gmail.com" target="_blank" rel="nofollow noopener">sanyaobox@gmail.com</a>  |  0931-801-080  |  1991.1.4 | 筆名山藥</div></div></div></div></div><div class="row snippet-separator-001"><div class="col-xs-12"><hr></div></div><div class="row snippet-projects-011"><div class="col-xs-12"><h1 style="text-align: center;"><b>Skills</b></h1><figure><img data-no-retina="true" src="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/ZPxA/sanyao/7719f826-5690-4639-84da-98280e75f2c7.png" alt="Projects 01 00@2x" style="border-radius: 0px; aspect-ratio: 1812 / 869;" loading="lazy" srcset="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/ZPxA/sanyao/7719f826-5690-4639-84da-98280e75f2c7.png 640w, https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/ZPxA/sanyao/7719f826-5690-4639-84da-98280e75f2c7.png 828w"><figcaption></figcaption></figure></div></div><div class="row snippet-features-003"><div class="col-sm-12">
<div class="row" title="">
<div class="col-sm-4 item">
<h1>HTML5/CSS3</h1>
<span class="percentbar"><span class="percent pc90"><p>90%</p></span></span>
<p>相當熟悉。</p>
<p><br></p>
<ul>
<li>RWD、跨瀏覽器</li>
<li>Bootstrap、Sass<br></li>
</ul><div><br></div>
<p></p></div>
<div class="col-sm-4 item">
<h1>JavaScript</h1>
<span class="percentbar"><span class="percent pc70"><p>70%</p></span></span>
<p>普通熟悉。</p>
<p><br></p><p></p>
<ul>
<li><span style="font-weight: inherit;">jQuery、</span>Ajax、API</li><li>Vue、Angular、React</li>
</ul>
<p></p><p></p></div>
<div class="col-sm-4 item">
<h1>Others<br></h1>
<span class="percentbar"><span class="percent pc100"><p></p></span></span><p><span style="font-weight: inherit;">熟悉。</span></p><p><span style="font-weight: inherit;"><br>
</span></p><ul>
<li>Git</li><li>English、日語<br></li>
</ul><p></p><p><span style="font-weight: inherit;"><br></span></p><div><br></div><p></p></div></div><div class="row" title="">
<div class="col-sm-4 item">
<h1>圖片處理</h1>
<span class="percentbar"><span class="percent pc60"><p>60%</p></span></span>
<p>普通熟悉。</p><div><ul><li>Illustrator、Photoshop</li></ul>
<p></p></div></div>
<div class="col-sm-4 item">
<h1>後端</h1>
<span class="percentbar"><span class="percent pc30"><p>30%</p></span></span>
<p>略熟。</p>
<p></p>
<ul>
<li>PHP、Python</li>
</ul>
<p></p><p></p></div>
<div class="col-sm-4 item">
<h1>Interest</h1>
<span class="percentbar"><span class="percent pc100"><p></p></span></span>
<div><br></div><ul><li>爬山、桌遊、畫圖、動漫遊戲</li></ul></div></div>
</div>

<style>.contentarea  .percentbar {
position: relative; display: block; width: 100%; height: 5px; margin: 0 0 10px 0; padding: 0; background: #eee;
}
.contentarea  .percent {
display: block; height: 100%; margin: 0; padding: 0; background: #ccc; -webkit-transition: width 1s ease-in-out; transition: width 1s ease-in-out;
}
.contentarea  .percent p {
position: absolute; font-size: 0.5em; left: 90%; top: -15px; color: #aaa; opacity: 1; -webkit-transition: opacity .5s ease-in-out 1s; transition: opacity .5s ease-in-out 1s;
}
.contentarea  .pc90 {
width: 90%;
}
.contentarea  .pc80 {
width: 80%;
}
.contentarea  .pc60 {
width: 60%;
}
.contentarea  .pc50 {
width: 50%;
}
.contentarea  .pc70 {
width: 70%;
}
.contentarea  .pc100 {
width: 100%;
}
.contentarea  .pc30 {
width: 30%;
}
</style></div><div class="row snippet-separator-021"><div class="col-xs-12" data-mode="readonly"><div class="page-break"></div></div></div><div class="row snippet-projects-011"><div class="col-xs-12"><h1 style="text-align: center;"><b>Web works</b><br></h1><figure><figcaption></figcaption></figure></div></div><div class="row snippet-paragraph-image-031"><div class="col-sm-8"><img data-no-retina="true" src="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/ZPxA/sanyao/e80de8dc-0794-436f-a550-e1b0141db20e.png" alt="Paragraph image 03 00@2x" style="border-radius: 0px; aspect-ratio: 1188 / 541;" loading="lazy" srcset="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/ZPxA/sanyao/e80de8dc-0794-436f-a550-e1b0141db20e.png 640w, https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/ZPxA/sanyao/e80de8dc-0794-436f-a550-e1b0141db20e.png 828w"></div><div class="col-sm-4"><h1><b><span style="font-size: 20px;">大地旅人官網</span>&nbsp;<a href="https://earthpassengers.org//" target="_blank" rel="nofollow noopener"><i class="fas" style="font-size: 16px;"></i></a></b></h1><p></p><ul><li>2021</li><li>WordPress</li><li>HTML/CSS</li><li>JavaScript/jQuery</li><li>RWD</li><li>PHP</li><li>python 爬蟲</li></ul><p></p></div></div><div class="row snippet-paragraph-image-021"><div class="col-sm-4"><h1 style="font-size: 20px;"><b>跨國同婚募資&nbsp;<a href="https://tapcpr.org/i/seausoon/" target="_blank" rel="nofollow noopener"><i class="fas" style="font-size: 16px;"></i></a></b><br></h1><p></p><ul><li><span style="font-size: 14px;">2020</span></li><li><span style="font-size: 14px;">串接API</span></li><li><span style="font-size: 14px;">視覺設計</span></li><li><span style="font-size: 14px;">HTML/CSS</span></li><li><span style="font-size: 14px;">jQuery</span></li><li><span style="font-size: 14px;">RWD</span></li><li><span style="font-size: 14px;"><a href="https://github.com/tapcpr2020/tapcpr2020.github.io" target="_blank" rel="nofollow noopener">GIT</a></span></li></ul><div><br></div><div><br></div><p></p>
</div><div class="col-sm-8"><img data-no-retina="true" src="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/ZPxA/sanyao/c654fc02-61bf-4f26-abe5-65a2436d7fb7.png" alt="Paragraph image 02 00@2x" style="border-radius: 0px; aspect-ratio: 1188 / 668;" loading="lazy" srcset="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/ZPxA/sanyao/c654fc02-61bf-4f26-abe5-65a2436d7fb7.png 640w, https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/ZPxA/sanyao/c654fc02-61bf-4f26-abe5-65a2436d7fb7.png 828w">
</div></div><div class="row snippet-paragraph-image-031"><div class="col-sm-8"><img data-no-retina="true" src="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/ZPxA/sanyao/f660af62-514a-444c-a847-20a7963fef25.png" alt="Paragraph image 03 00@2x" style="border-radius: 0px; aspect-ratio: 1188 / 668;" loading="lazy" srcset="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/ZPxA/sanyao/f660af62-514a-444c-a847-20a7963fef25.png 640w, https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/ZPxA/sanyao/f660af62-514a-444c-a847-20a7963fef25.png 828w"></div><div class="col-sm-4"><h1><b style="font-size: 20px;">2020國際夥伴日&nbsp;<a href="http://sanyao.wd3.work/109ipo/#forward" target="_blank" rel="nofollow noopener"><i class="fas" style="font-size: 16px;"></i></a></b></h1><p></p><ul><li style="font-size: 14px;">2020</li><li style="font-size: 14px;">排版設計</li><li style="font-size: 14px;">HTML/CSS</li><li style="font-size: 14px;">jQuery</li><li style="font-size: 14px;">RWD</li></ul><div><br></div><div><br></div><div><br></div><div><br></div><p></p></div></div><div class="row snippet-paragraph-image-061"><div class="col-sm-4">
<img data-no-retina="true" src="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/ZPxA/sanyao/60a12c8f-14db-476a-b905-0d68e4ac761b.png" alt="Paragraph image 06 02@2x" loading="lazy" style="border-radius: 0px; aspect-ratio: 564 / 564;" srcset="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/ZPxA/sanyao/60a12c8f-14db-476a-b905-0d68e4ac761b.png 640w, https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/ZPxA/sanyao/60a12c8f-14db-476a-b905-0d68e4ac761b.png 828w">
<h3 style="margin-top: 1em;">Angular practice&nbsp;<a href="https://test-todo-344405.ue.r.appspot.com" target="_blank" rel="nofollow noopener"><i class="fas" style="font-size: 16px;"></i></a></h3><ul><li style="font-size: 14px;">2022</li><li style="font-size: 14px;">Angular練習作</li><li style="font-size: 14px;">REST API</li><li style="font-size: 14px;"><a href="https://github.com/sanyaoooo/test-todo" target="_blank" rel="nofollow noopener">GIT</a></li></ul>
</div>

<div class="col-sm-4">
<img data-no-retina="true" src="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/ZPxA/sanyao/2d7486b2-dede-4a4a-9a1b-2663b0b742d5.png" alt="Paragraph image 06 00@2x" loading="lazy" style="border-radius: 0px; aspect-ratio: 564 / 564;" srcset="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/ZPxA/sanyao/2d7486b2-dede-4a4a-9a1b-2663b0b742d5.png 640w, https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/ZPxA/sanyao/2d7486b2-dede-4a4a-9a1b-2663b0b742d5.png 828w">
<h3 style="margin-top: 1em;">表格串接篩選練習&nbsp;<a href="https://sanyaoooo.github.io/demo/666/" target="_blank" rel="nofollow noopener"><i class="fas" style="font-size: 16px;"></i></a></h3><ul><li style="font-size: 14px;">2020</li><li style="font-size: 14px;">2022更新API</li><li style="font-size: 14px;">Javascript</li><li style="font-size: 14px;">XMLHttpRequest</li><li style="font-size: 14px;">google sheet</li><li style="font-size: 14px;"><a href="https://github.com/sanyaoooo/sanyaoooo.github.io/tree/master/demo/666" target="_blank" rel="nofollow noopener">GIT</a></li></ul><p></p>
</div>

<div class="col-sm-4">
<img data-no-retina="true" src="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/ZPxA/sanyao/21180895-1c82-4652-83e0-b4d8c2dce543.png" alt="Paragraph image 06 01@2x" loading="lazy" style="border-radius: 0px; aspect-ratio: 564 / 564;" srcset="https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/ZPxA/sanyao/21180895-1c82-4652-83e0-b4d8c2dce543.png 640w, https://www.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/ZPxA/sanyao/21180895-1c82-4652-83e0-b4d8c2dce543.png 828w">
<h3 style="margin-top: 1em;">CSCS <a href="https://resourceportal.ocf.tw/#/" target="_blank" rel="nofollow noopener"><i class="fas" style="font-size: 16px;"></i></a></h3><ul><li style="font-size: 14px;">2018</li><li style="font-size: 14px;">視覺設計</li><li style="font-size: 14px;">HTML/CSS<br></li><li style="font-size: 14px;">jQuery</li><li style="font-size: 14px;">Vue</li></ul></div></div><div class="row snippet-separator-021"><div class="col-xs-12" data-mode="readonly"><div class="page-break"></div></div></div><div class="row snippet-experiences-013"><div class="col-xs-12"><div class="row"><div class="col-xs-12"><h1 style="text-align: center;"><b>Experience</b></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><b>接案</b> &nbsp;<span style="font-size: 14px;">2014 - 現在</span></h3><p>一開始以繪圖及設計案件為主，因對網頁製作感興趣，慢慢自學往前端發展，有賴一路上許多貴人相助，網頁案件比例也漸漸增加，到近幾年以接網頁前端案件為主。</p><p><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><b>NGO</b> &nbsp;<span style="font-size: 14px;">2014 - 2017</span></h3><p>在性別人權非營利組織擔任志工/兼職/正職/接案，協助繪圖設計、印刷、行政庶務及網站維護等。目前仍偶爾在需要時撥空提供協助。</p><p><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><b>正職</b>&nbsp;&nbsp;<span style="font-size: 14px;">2013 - 2014</span></h3><p>大學剛畢業時對未來有些迷惘，因為喜歡動物，先後在寵物店及動物協會工作，主要工作為照顧動物 (貓、狗、兔、天竺鼠、倉鼠)、整理環境、提供顧客及來訪者諮詢等。</p><p><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><b>大學</b>&nbsp;&nbsp;<span style="font-size: 14px;">2009 - 2013</span></h3><p>就讀淡江大學資訊傳播系。在系上課堂及合作案件中開始接觸撰寫程式。</p><p><span style="font-weight: inherit; font-size: 14px;"><br></span></p><ul><li>系上合作案件：和4位同學合力製作 FLASH 小遊戲 9 款，主導畫面設計、Action Script 撰寫。</li><li>畢業製作：全班畢製總籌主視覺設計、製作入口網站</li></ul><p></p></div></div><div class="row" title=""></div></div></div><div class="row snippet-paragraphs-001"><hr>
<div class="col-xs-12"><h1 style="text-align: center;"><b>前端之路</b></h1><p><br></p><p>從高中初接觸網站語法，開啟對網站及程式設計的興趣，大學跟隨興趣讀了資訊傳播，對網站及程式設計也有進一步了解。</p><p><br></p><p>畢業後幾經嘗試探索，2014 年開始在家接網頁及設計案件，除中間 1 年應邀在非營利組織工作外，接案至今 5 年。期間有賴許多貴人相助，前端能力漸漸熟練，但案件量起起伏伏始終不太穩定，2020疫情後案件更是少之又少，幾經思考後決定回到職場重新發展。<br></p></div></div></body></html>

李思佳 ✎ 前端/設計接案經歷 5 年 #熱心公益, #獨立思考, #樂於學習 sanyaobox@gmail.com ||| 筆名山藥 Skills HTML5/CSS3 90% 相當熟悉。 RWD、跨瀏覽器 Bootstrap、Sass JavaScript 70% 普通熟悉。 jQuer...

李思佳

✎ 前端/設計接案經歷 5 年

Skills

HTML5/CSS3

JavaScript

Others

圖片處理

後端

Interest

Web works

大地旅人官網

跨國同婚募資

2020國際夥伴日

Angular practice

表格串接篩選練習

CSCS

Experience

接案 2014 - 現在

NGO 2014 - 2017

正職 2013 - 2014

大學 2009 - 2013

前端之路

李思佳