https://github.com/kongruksiamza/learning-projects-website

https://github.com/kongruksiamza/learning-projects-website

css3 html-css-javascript html5 javascript

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/kongruksiamza/learning-projects-website
• Owner: kongruksiamza
• Created: 2023-05-25T05:50:29.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-09T05:22:01.000Z (7 months ago)
• Last Synced: 2025-05-05T16:19:42.514Z (5 months ago)
• Topics: css3, html-css-javascript, html5, javascript
• Homepage: https://www.youtube.com/@KongRuksiamTutorial
• Size: 21.5 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  [![Youtube KongRuksiam Tutorial](https://youtube-stats-card.vercel.app/api?channelid=UCB6eDEzpqpiaZnDMzoje57Q&layout=extruded&theme=dark)](https://www.youtube.com/@KongRuksiamTutorial)

  

    

  

    

    

  

    

    

  

  

    

  

  

    

  

  

    

  

  


  

    

  



---

# โค้ดประกอบการสอน

| โปรเจกต์ที่ |                   ชื่อหัวข้อ                   |

|:----:|:------------------------------------------:|

|   1  | [โหมดกลางวัน-กลางคืน](https://codepen.io/kongruksiamstudio/pen/QWVRLMg) |

|   2  | [แสดงเวลาด้วย JavaScript](https://codepen.io/kongruksiamstudio/pen/wvERMbp) |

|   3  | [แสดงแผนที่ในเว็บไซต์ (Google Map)](https://codepen.io/kongruksiamstudio/pen/qBMLNLJ) |

|   4  | [ใส่ฟอนต์ในเว็บไซต์ (Google Fonts)](https://codepen.io/kongruksiamstudio/pen/dyqaapY) |

|   5  |[ใส่ไอคอนในเว็บไซต์ (Font Awesome)](https://codepen.io/kongruksiamstudio/pen/YzOBbdV) |

|   6  |[ใส่ลวดลายในเว็บไซต์ (Hero Patterns)](https://codepen.io/kongruksiamstudio/pen/jOvJZqY) |

|   7  |[แสดงภาพขาวดำในเว็บไซต์](https://codepen.io/kongruksiamstudio/pen/MWPBamw) |

|   8  | [JQuery DataTables](https://codepen.io/kongruksiamstudio/pen/WNaKQRB) |

|   9  |[สุ่มสีพื้นหลังในเว็บไซต์ (RGB Color)](https://codepen.io/kongruksiamstudio/pen/JjmEoaG) |

|  10  |[คำนวณระยะห่างของวัน](https://codepen.io/kongruksiamstudio/pen/BaqPoWv) |

|  11  |[การใช้งาน Local Storage](https://codepen.io/kongruksiamstudio/pen/abRpzYb) |

|  12  |[ระบบอัพโหลดภาพ](https://codepen.io/kongruksiamstudio/pen/qBJREqB) |

|  13  |[ระบบค้นหาข้อมูล (Auto Complete)](https://codepen.io/kongruksiamstudio/pen/MWqLbXd) |

## 🎓 คอร์สเรียนที่น่าสนใจ [![Udemy](https://img.shields.io/badge/Udemy-A435F0?logo=udemy&logoColor=fff)](https://www.udemy.com/user/kong-ruksiam/)

- [พัฒนาเว็บด้วย JavaScript 40 Workshop](https://www.udemy.com/course/javascript-30-workshop/?referralCode=E5EF637C90FC6B8A8E26)

- [สร้างเว็บแอพพลิเคชั่นด้วย JavaScript](https://www.udemy.com/course/javascript-building-20-projects/?referralCode=938570689EA33E12823C)