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.
43 lines
3.1 KiB
43 lines
3.1 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "7965cd2bc5dc92ad888dc4c6ab2ab70a",
|
|
"translation_date": "2025-08-25T21:03:51+00:00",
|
|
"source_file": "3-terrarium/README.md",
|
|
"language_code": "ar"
|
|
}
|
|
-->
|
|
# مشروع التيراريوم الخاص بي: تعلم 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 وإغلاقات JavaScript](./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 لهذا المستودع
|
|
|
|
2. اضغط على هذا الزر
|
|
|
|
[](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). بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو معلومات غير دقيقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الموثوق. للحصول على معلومات حاسمة، يُوصى بالاستعانة بترجمة بشرية احترافية. نحن غير مسؤولين عن أي سوء فهم أو تفسيرات خاطئة تنشأ عن استخدام هذه الترجمة. |