30days30submits
1.0.0
| วัน | ชื่อโครงการ | ซอร์สโค้ด/ดูตัวอย่าง | วิดีโอ YouTube |
|---|---|---|---|
| วันที่ 1 | เคอร์เซอร์แบบกำหนดเอง | https://codepen.io/web_cifar/pen/ojmrzab | https://youtu.be/de4w0ehmuus |
| วันที่ 2 | ธีมสวิตช์ | https://codepen.io/web_cifar/pen/ojmrdbq | https://youtu.be/d1yg4t37qyo |
| วัน -3 | เครื่องกำเนิดเสียงตลกของพ่อแบบสุ่ม | https://codepen.io/web_cifar/pen/xwxozwx | https://youtu.be/udifuvlekju |
| วันที่ 4 | ตัวเลข API | https://codepen.io/web_cifar/pen/pozlpog | https://youtu.be/s3lfcerzmhi |
| วัน -5 | ตัวจับเวลานับถอยหลัง | https://codepen.io/web_cifar/pen/ojmgpbb | https://youtu.be/_a4xcarxwr8 |
| วัน -6 | ส่วนที่โดดเด่น | https://codepen.io/web_cifar/pen/wnrwxyg | https://youtu.be/l4k3_elym2u |
| วัน -7 | แกลเลอรี่ภาพถ่าย P-1 | https://codepen.io/web_cifar/pen/wvmbwdj | https://youtu.be/urymtcpo11a |
| วันที่ 8 | แกลเลอรี่ภาพถ่าย P-2 [Pexels API] | https://github.com/shaifarfan/30days30submits/tree/master/day-8 | https://youtu.be/ggbpmzln1hw |
| วัน -9 | อ่านปุ่มเพิ่มเติม | https://codepen.io/web_cifar/pen/ojmevxx | https://youtu.be/tvvy8c1uvg8 |
| วันที่ 10 | แอพสร้างรหัสคีย์ | https://codepen.io/web_cifar/pen/eyjwvkvv | https://youtu.be/jolwrv6xswa |
| วันที่ 11 | เมนูภาพเคลื่อนไหว CSS | https://codepen.io/web_cifar/pen/eyjqdxy | https://youtu.be/q8vmz-r_3ck |
| วันที่ 12 | แกลเลอรี่ CSS Flex | https://codepen.io/web_cifar/pen/wvmvmzn | https://youtu.be/z6iz2noezmw |
| วันที่ 13 | นาฬิกาอะนาล็อก | https://codepen.io/web_cifar/pen/lynympb | https://youtu.be/6xeq_ja5v2y |
| วันที่ 14 | นาฬิกาดิจิตอล | https://codepen.io/web_cifar/pen/mwyyabp | https://youtu.be/gmnhryxappw |
| วันที่ 14 | แอพสร้างรหัสผ่าน | https://codepen.io/web_cifar/pen/wvmvyvp | https://youtu.be/zmlxhlovb1m |
| วันที่ 15 | เครื่องเปลี่ยนสี BG | https://codepen.io/web_cifar/pen/dympmwy | https://youtu.be/yem8t8azzko |
| วันที่ 16 | คำแนะนำพื้นฐาน | https://codepen.io/web_cifar/pen/ponqwnj | https://youtu.be/mxrxahbjx3a |
| วันที่ 17 | ปุ่มเลื่อนลง | https://codepen.io/web_cifar/pen/wnwvoae | https://youtu.be/ly1jeqguiai |
| วันที่ 18 | คำแนะนำเครื่องมือล่วงหน้า | https://codepen.io/web_cifar/pen/yloyopr | https://youtu.be/e_jequjo7y8 |
| วันที่ 19 | แบบฟอร์ม HTML ที่ใช้งานได้เต็มรูปแบบ | https://codepen.io/web_cifar/pen/gorrppo | https://youtu.be/vc9rgfhr098 |
| วันที่ 20 | แบบฟอร์มหลายขั้นตอน | https://codepen.io/web_cifar/pen/ponneyy | https://youtu.be/cktgidkrsgc |
| วัน 21 | CSS กำลังโหลดภาพเคลื่อนไหว | https://codepen.io/web_cifar/pen/joqqrpm | https://youtu.be/e_jorp4t0n4 |
| วัน 21 | OTP UI | https://codepen.io/web_cifar/pen/barokgo | https://youtu.be/zvv2um4hzie |
| วัน -22 | แอพสูตรอาหาร | https://codepen.io/web_cifar/pen/onxlyry | https://youtu.be/x8ey0blhpgk |
| วัน 23 | เอฟเฟกต์แสงนีออน | https://codepen.io/web_cifar/pen/mwyjenv | https://youtu.be/nltuyclotnc |
| วันที่ 24 | แอพการรู้จำเสียงพูด | https://codepen.io/web_cifar/pen/joqbeje | https://youtu.be/-k-pgvbktx4 |
| วันที่ 25 | ตัวเลื่อนแบบกำหนดเอง | https://codepen.io/web_cifar/pen/bgprwer | https://youtu.be/v9tcxmmpghi |
| วันที่ 26 | โลโก้ดีวีดี | https://codepen.io/web_cifar/pen/jjxrlrj | https://youtu.be/wmiarrcox9k |
| วันที่ 27 | แอป Quiz | https://codepen.io/web_cifar/pen/dymzxng | https://youtu.be/qxxm9nvxlwk |
| วันที่ 28 | เครื่องคิดเลขง่าย ๆ | https://codepen.io/web_cifar/pen/xwdvgxr | https://youtu.be/0vg4eiypcuc |
| วันที่ 29 | แอปอากาศ | https://codepen.io/web_cifar/pen/gorvmpr | https://youtu.be/y0icekusymk |
| วันที่ 30 | css dot loaders | https://codepen.io/web_cifar/pen/rnevxpx | https://youtu.be/ena4y_-fjas |
ชอบงานของฉันและต้องการสนับสนุนฉัน?
บทเรียนโครงการเว็บ CIFAR ทั้งหมด
