<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "6329fbe8bd936068debd78cca6f09c0a",
  "translation_date": "2025-08-25T21:30:19+00:00",
  "source_file": "3-terrarium/solution/README.md",
  "language_code": "ar"
}
-->
# تراريومي: مشروع لتعلم HTML و CSS والتعامل مع DOM باستخدام JavaScript 🌵🌱

تجربة صغيرة للسحب والإفلات. باستخدام القليل من HTML و JS و CSS، يمكنك إنشاء واجهة ويب، تصميمها، وإضافة تفاعل إليها.

![تراريومي](../../../../translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.ar.png)

## الشكر والتقدير

تمت الكتابة بحب ♥️ بواسطة [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 لهذا المستودع

2. اضغط على هذا الزر

[![زر النشر على Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)

3. اتبع خطوات المعالج لإنشاء تطبيقك. تأكد من تعيين جذر التطبيق ليكون إما `/solution` أو جذر قاعدة الكود الخاصة بك. لا يوجد API في هذا التطبيق، لذا لا تقلق بشأن إضافته. سيتم إنشاء مجلد .github في المستودع الذي قمت بعمل Fork له، والذي سيساعد خدمة البناء والنشر الخاصة بـ Azure Static Web Apps على بناء ونشر تطبيقك إلى عنوان URL جديد.

**إخلاء المسؤولية**:  
تم ترجمة هذا المستند باستخدام خدمة الترجمة بالذكاء الاصطناعي [Co-op Translator](https://github.com/Azure/co-op-translator). بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو معلومات غير دقيقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الموثوق. للحصول على معلومات حاسمة، يُوصى بالاستعانة بترجمة بشرية احترافية. نحن غير مسؤولين عن أي سوء فهم أو تفسيرات خاطئة تنشأ عن استخدام هذه الترجمة.