You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
4.1 KiB
45 lines
4.1 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "7965cd2bc5dc92ad888dc4c6ab2ab70a",
|
|
"translation_date": "2025-08-26T21:28:02+00:00",
|
|
"source_file": "3-terrarium/README.md",
|
|
"language_code": "th"
|
|
}
|
|
-->
|
|
# เทอร์ราเรียมของฉัน: โปรเจกต์เพื่อเรียนรู้เกี่ยวกับ HTML, CSS และการจัดการ DOM ด้วย JavaScript 🌵🌱
|
|
|
|
โค้ดเล็กๆ ที่ให้คุณได้ฝึกลากและวาง ด้วย HTML, JS และ CSS เพียงเล็กน้อย คุณจะสามารถสร้างอินเทอร์เฟซเว็บ ออกแบบสไตล์ และเพิ่มการโต้ตอบต่างๆ ตามที่คุณต้องการได้
|
|
|
|
|
|
|
|
# บทเรียน
|
|
|
|
1. [แนะนำ HTML](./1-intro-to-html/README.md)
|
|
2. [แนะนำ CSS](./2-intro-to-css/README.md)
|
|
3. [แนะนำ DOM และ JS Closures](./3-intro-to-DOM-and-closures/README.md)
|
|
|
|
## เครดิต
|
|
|
|
เขียนด้วย ♥️ โดย [Jen Looper](https://www.twitter.com/jenlooper)
|
|
|
|
เทอร์ราเรียมที่สร้างด้วย CSS ได้รับแรงบันดาลใจจากโค้ดเพนของ Jakub Mandra [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY)
|
|
|
|
งานศิลปะวาดด้วยมือโดย [Jen Looper](http://jenlooper.com) ด้วยความช่วยเหลือจาก Procreate
|
|
|
|
## เผยแพร่เทอร์ราเรียมของคุณ
|
|
|
|
คุณสามารถเผยแพร่หรือแสดงเทอร์ราเรียมของคุณบนเว็บได้โดยใช้ Azure Static Web Apps
|
|
|
|
1. Fork repo นี้
|
|
|
|
2. กดปุ่มนี้
|
|
|
|
[](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)
|
|
|
|
3. ทำตามขั้นตอนในวิซาร์ดเพื่อสร้างแอปของคุณ อย่าลืมตั้งค่า app root ให้เป็น `/solution` หรือ root ของโค้ดเบสของคุณ แอปนี้ไม่มี API ดังนั้นไม่ต้องกังวลเกี่ยวกับการเพิ่ม API โฟลเดอร์ github จะถูกสร้างขึ้นใน repository ที่คุณ fork ซึ่งจะช่วยให้บริการ build ของ Azure Static Web Apps สร้างและเผยแพร่แอปของคุณไปยัง URL ใหม่
|
|
|
|
---
|
|
|
|
**ข้อจำกัดความรับผิดชอบ**:
|
|
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้ |