❖ تعريف OOP: البرمجة الكائنية التوجه (Object-Oriented Programming) هي طريقة في البرمجة تعتمد على “الكائنات” (Objects) والتي تحتوي على “خصائص” (Properties) و”دوال” (Methods) لمعالجة البيانات. ❖ لماذا نستخدم OOP؟ ❖ مثال بسيط: Constructor Function ما هو Constructor Function؟ هي دالة…
Map هو كائن (object) خاص يسمح لك بتخزين أزواج مفتاح-قيمة (key-value pairs)، زي الـ Object لكن مع ميزات إضافية: 🚫 الفرق بين Map و Object خاصية Map Object نوع المفاتيح أي نوع (object، function، أي شيء) نصوص أو رموز فقط…
🧠 ما هو Set في JavaScript؟ Set هو نوع خاص من الكائنات Objects يُستخدم لتخزين قيم فريدة فقط (لا تتكرر) من أي نوع: بدائي أو كائن. ✅ خصائص Set الأساسية الخاصية الوصف لا يقبل القيم المكررة يتم تجاهل أي قيمة…
أي: تفكيك المعاملات داخل دوال (سواء كانت مصفوفة أو كائن). ✳️ الفكرة: بدل ما تستقبل معاملًا واحدًا مثل obj وتتعامل معه داخليًا، يمكنك تفكيك القيم مباشرة في تعريف الدالة. 🟢 أولًا: Destructuring للكائن داخل دالة ✅ الشكل العادي: ✅ باستخدام…
💡 الفكرة: تُستخدم لتفكيك خصائص كائن معين إلى متغيرات مستقلة. 🔹 الصيغة العامة: ✅ لماذا نستخدم Destructuring؟لتقليل الكود.لسهولة قراءة البيانات.لكتابة دوال مرنة.لتفكيك استجابات APIs أو نتائج من دوال. 🟢 أمثلة: 1. التفكيك الأساسي: الشرح: نأخذ الخصائص name و age من…
في JavaScript، Destructuring تعني “تفكيك” المصفوفات (أو الكائنات) إلى متغيرات فردية بطريقة مختصرة وسهلة القراءة. ✅ الفكرة العامة: تخيل أنك تملك مصفوفة وتريد استخراج عناصرها في متغيرات مستقلة، بدل استخدام array[0], array[1]، يمكنك استخدام Destructuring. ✅ لماذا نستخدم Destructuring؟ 🧠…
✅ ما هو sessionStorage؟ sessionStorage هو جزء من Web Storage API، يُستخدم لتخزين البيانات في المتصفح مؤقتًا، بحيث: 💡 خصائص sessionStorage:الخاصية القيمةمدة التخزين مؤقتة (حتى غلق التبويب فقط)التخزين حسب التبويب نعم، لا يُشارك البيانات بين التبويباتنوع البيانات تُخزن كنصوص (string)…
localStorage هو جزء من Web Storage API يسمح بتخزين بيانات في المتصفح بشكل دائم (حتى بعد إغلاق المتصفح).البيانات تبقى محفوظة حتى يتم حذفها يدويًا أو من خلال الكود. 💡 خصائص Local Storage: الخاصية القيمة التخزين دائم (يبقى حتى يُحذف يدويًا)…
✅ أولًا: scroll / scrollTo / scrollBy 1. 🌀 scrollTo(x, y) تنقل الصفحة إلى إحداثيات معينة مطلقة (من أعلى الزاوية). x = المسافة الأفقية، y = المسافة العمودية. 2. 🌀 scrollBy(x, y) تنقل الصفحة بمقدار معين نسبي من الوضع الحالي.…
✅ ما هو setInterval؟ setInterval هي دالة في JavaScript تُستخدم لتنفيذ كود بشكل متكرر كل فترة زمنية معينة (بالملي ثانية)، إلى أن يتم إيقافها باستخدام clearInterval. 📌 الصيغة العامة: شرح المعاملات: المعامل الوصف callback الدالة التي سيتم تنفيذها كل فترة…