Web-Dev-For-Beginners/translations/th/3-terrarium/solution/README.md

<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "6329fbe8bd936068debd78cca6f09c0a",
  "translation_date": "2025-08-26T21:38:52+00:00",
  "source_file": "3-terrarium/solution/README.md",
  "language_code": "th"
}
-->
# เทอร์ราเรียมของฉัน: โปรเจกต์เรียนรู้เกี่ยวกับ HTML, CSS และการจัดการ DOM ด้วย JavaScript 🌵🌱

โค้ดเล็กๆ ที่สามารถลากและวางได้ พร้อมด้วย HTML, JS และ CSS คุณสามารถสร้างอินเทอร์เฟซเว็บ ออกแบบสไตล์ และเพิ่มการโต้ตอบได้

![my terrarium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.th.png)

## เครดิต

เขียนด้วย ♥️ โดย [Jen Looper](https://www.twitter.com/jenlooper)

เทอร์ราเรียมที่สร้างขึ้นด้วย CSS ได้รับแรงบันดาลใจจากโค้ดเพนของ Jakub Mandra [glass jar](https://codepen.io/Rotarepmi/pen/rjpNZY)

งานศิลปะถูกวาดด้วยมือโดย [Jen Looper](http://jenlooper.com) โดยใช้ Procreate

## เผยแพร่เทอร์ราเรียมของคุณ

คุณสามารถเผยแพร่หรือทำให้เทอร์ราเรียมของคุณออนไลน์ได้โดยใช้ Azure Static Web Apps

1. Fork repo นี้

2. กดปุ่มนี้

[![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)

3. ทำตามขั้นตอนใน wizard เพื่อสร้างแอปของคุณ อย่าลืมตั้งค่า app root ให้เป็น `/solution` หรือ root ของโค้ดเบสของคุณ แอปนี้ไม่มี API ดังนั้นไม่ต้องกังวลเรื่องการเพิ่ม API โฟลเดอร์ .github จะถูกสร้างขึ้นใน repo ที่คุณ fork ซึ่งจะช่วยให้บริการ build ของ Azure Static Web Apps สร้างและเผยแพร่แอปของคุณไปยัง URL ใหม่

---

**ข้อจำกัดความรับผิดชอบ**:  
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษาจากผู้เชี่ยวชาญ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดซึ่งเกิดจากการใช้การแปลนี้