# เทอร์ราเรียมของฉัน: โปรเจกต์เรียนรู้เกี่ยวกับ 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) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษาจากผู้เชี่ยวชาญ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดซึ่งเกิดจากการใช้การแปลนี้