إنشاء عناصر (Create Elements) وإضافتها إلى الصفحة (Append Elements) باستخدام JavaScript بطريقة احترافية مع أمثلة تطبيقية. 🟦 أولًا: إنشاء عناصر — document.createElement(tagName) هذه الدالة تُستخدم لإنشاء عنصر HTML جديد (وليس إضافته بعد). الآن newDiv عبارة عن عنصر <div>، لكن لم…
🟦 أولاً: التعامل مع المحتوى (Content) يوجد 3 خصائص أساسية للتحكم في محتوى العناصر: الخاصية الوصف تقرأ النص؟ تكتب نص؟ تقرأ HTML؟ تكتب HTML؟ textContent النص فقط ✅ ✅ ❌ ❌ innerText النص المعروض (أشبه بـ CSS visible) ✅ ✅…
DOM أو Document Object Model هو نموذج هيكلي (شجري) يمثل صفحة الويب في المتصفح. بمجرد تحميل الصفحة، يقوم المتصفح بترجمتها إلى شجرة من العناصر (Nodes) يمكن التعامل معها باستخدام JavaScript. ما هو الـ DOM؟ DOM هو اختصار لـ Document Object…
✅ أولًا: ما هي this؟ this هي كلمة مفتاحية تشير إلى الكائن (Object) الذي يستدعي الدالة (أو السياق الذي نُفذت فيه الدالة). لكن معناها يتغير حسب السياق الذي تُستدعى فيه. 🧭 الحالات الأساسية التي يتغير فيها this: السياق ماذا تشير…
✅ أولًا: ما معنى new في JavaScript؟ عند استخدام الكلمة المفتاحية new، فإنك: 🔧 الصيغة العامة: 📌 مثال عملي: ✅ ما الذي حدث عند استخدام new Person(…)؟ ✅ فوائد استخدام new مع الدوال المنشئة: الفائدة الشرح ✅ إعادة الاستخدام لا…
🧩 ما هو الـ Nested Object؟ هو كائن (Object) يحتوي بداخله على كائن آخر كمفتاح (Property).ببساطة: كأنك تضع كائنًا داخل كائن. ✅ مثال بسيط: address هو خاصية داخل student. وقيمته كائن آخر يحتوي على city و country. 🧭 كيفية الوصول…
🎯 ما هو الكائن (Object) في JavaScript؟ الكائن (Object) هو نوع بيانات يُستخدم لتخزين مجموعة من البيانات والمعلومات المرتبطة معًا، باستخدام أزواج من مفتاح وقيمة (Key/Value). يشبه الكائن حقيبة تحتوي على معلومات. ✅ الصيغة الأساسية: 🔍 التوضيح: 📦 الكائن يمكن…
ما هي forEach في JavaScript؟ forEach هي دالة عليا (Higher-Order Function) تُستخدم لتنفيذ وظيفة أو كود معين على كل عنصر في المصفوفة. 📌 لكنها لا ترجع قيمة (أي لا تُرجع مصفوفة أو ناتج مثل map أو filter). 📦 الصيغة: 📌…
✅ أولًا: ما هي reduce؟ reduce هي دالة عليا (Higher-Order Function) تستخدم لتحويل (reduce) مصفوفة إلى قيمة واحدة. 📦 الصيغة الأساسية: ✅ المعاني: الاسم المعنى accumulator القيمة التي نحسبها أو نبنيها تدريجيًا currentValue العنصر الحالي من المصفوفة index فهرس العنصر…
✅ أولًا: ما هي filter؟ دالة filter: 📦 الصيغة العامة: أو باستخدام دالة السهم: element: العنصر الحالي. index: رقم الفهرس (اختياري). array: المصفوفة الأصلية (اختياري). 🧠 مبدأ العمل: 📌 أمثلة شاملة (فقط على المصفوفات): 1. ✅ استخراج الأرقام الأكبر من…