Get – Set Content

🟦 أولاً: التعامل مع المحتوى (Content) يوجد 3 خصائص أساسية للتحكم في محتوى العناصر: الخاصية الوصف تقرأ النص؟ تكتب نص؟ تقرأ HTML؟ تكتب HTML؟ textContent النص فقط ✅ ✅ ❌ ❌ innerText النص المعروض (أشبه بـ CSS visible) ✅ ✅…

Document Object Model – DOM

DOM أو Document Object Model هو نموذج هيكلي (شجري) يمثل صفحة الويب في المتصفح. بمجرد تحميل الصفحة، يقوم المتصفح بترجمتها إلى شجرة من العناصر (Nodes) يمكن التعامل معها باستخدام JavaScript. ما هو الـ DOM؟ DOM هو اختصار لـ Document Object…

This Keyword in JavaScript

✅ أولًا: ما هي this؟ this هي كلمة مفتاحية تشير إلى الكائن (Object) الذي يستدعي الدالة (أو السياق الذي نُفذت فيه الدالة). لكن معناها يتغير حسب السياق الذي تُستدعى فيه. 🧭 الحالات الأساسية التي يتغير فيها this: السياق ماذا تشير…

Create Object with new Keyword

✅ أولًا: ما معنى new في JavaScript؟ عند استخدام الكلمة المفتاحية new، فإنك: 🔧 الصيغة العامة: 📌 مثال عملي: ✅ ما الذي حدث عند استخدام new Person(…)؟ ✅ فوائد استخدام new مع الدوال المنشئة: الفائدة الشرح ✅ إعادة الاستخدام لا…

Nested Object

🧩 ما هو الـ Nested Object؟ هو كائن (Object) يحتوي بداخله على كائن آخر كمفتاح (Property).ببساطة: كأنك تضع كائنًا داخل كائن. ✅ مثال بسيط: address هو خاصية داخل student. وقيمته كائن آخر يحتوي على city و country. 🧭 كيفية الوصول…

Objects In JavaScript

🎯 ما هو الكائن (Object) في JavaScript؟ الكائن (Object) هو نوع بيانات يُستخدم لتخزين مجموعة من البيانات والمعلومات المرتبطة معًا، باستخدام أزواج من مفتاح وقيمة (Key/Value). يشبه الكائن حقيبة تحتوي على معلومات. ✅ الصيغة الأساسية: 🔍 التوضيح: 📦 الكائن يمكن…

Higher Order Functions – forEach 

ما هي forEach في JavaScript؟ forEach هي دالة عليا (Higher-Order Function) تُستخدم لتنفيذ وظيفة أو كود معين على كل عنصر في المصفوفة. 📌 لكنها لا ترجع قيمة (أي لا تُرجع مصفوفة أو ناتج مثل map أو filter). 📦 الصيغة: 📌…

Higher Order Functions – Reduce 

✅ أولًا: ما هي reduce؟ reduce هي دالة عليا (Higher-Order Function) تستخدم لتحويل (reduce) مصفوفة إلى قيمة واحدة. 📦 الصيغة الأساسية: ✅ المعاني: الاسم المعنى accumulator القيمة التي نحسبها أو نبنيها تدريجيًا currentValue العنصر الحالي من المصفوفة index فهرس العنصر…

Higher Order Functions – Filter

✅ أولًا: ما هي filter؟ دالة filter: 📦 الصيغة العامة: أو باستخدام دالة السهم: element: العنصر الحالي. index: رقم الفهرس (اختياري). array: المصفوفة الأصلية (اختياري). 🧠 مبدأ العمل: 📌 أمثلة شاملة (فقط على المصفوفات): 1. ✅ استخراج الأرقام الأكبر من…

Higher Order Functions – Map

💡 ما هي الدوال العليا (Higher-Order Functions)؟ الدالة العليا هي دالة: map هي مثال شهير لدالة عليا، لأنها تأخذ دالة وتطبّقها على عناصر مصفوفة. 🧭 ما هي دالة map؟ دالة map: 📦 الصيغة العامة أو باستخدام Arrow Function: element: العنصر…