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