# เทอร์ราเรียมของฉัน: โปรเจกต์เพื่อเรียนรู้เกี่ยวกับ HTML, CSS และการจัดการ DOM ด้วย JavaScript 🌵🌱 โค้ดเล็กๆ ที่ให้คุณได้ฝึกลากและวาง ด้วย HTML, JS และ CSS เพียงเล็กน้อย คุณจะสามารถสร้างอินเทอร์เฟซเว็บ ออกแบบสไตล์ และเพิ่มการโต้ตอบต่างๆ ตามที่คุณต้องการได้ ![my terrarium](../../../translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.th.png) # บทเรียน 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. กดปุ่มนี้ [![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. ทำตามขั้นตอนในวิซาร์ดเพื่อสร้างแอปของคุณ อย่าลืมตั้งค่า 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) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้