أي: تفكيك المعاملات داخل دوال (سواء كانت مصفوفة أو كائن). ✳️ الفكرة: بدل ما تستقبل معاملًا واحدًا مثل 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 الدالة التي سيتم تنفيذها كل فترة…
✅ ما هو setTimeout؟ هي دالة مدمجة في JavaScript تُستخدم لتنفيذ كود مرة واحدة فقط بعد تأخير معين (بالمللي ثانية). 📌 الصيغة العامة: شرح المعاملات: المعامل الوصف callback الدالة التي سيتم تنفيذها delay الزمن قبل تنفيذ الدالة (بالملي ثانية) arg1,…
BOM اختصار لـ Browser Object Model، وهو نموذج كائني (Object Model) يوفره المتصفح للتعامل مع النافذة والبيئة المحيطة بالصفحة (وليس المحتوى نفسه). يمكن القول إن BOM يمكّنك من الوصول إلى أشياء مثل: 🧱 مكونات BOM الرئيسية: 1. window هو الكائن…
🎯 ما المقصود بـ DOM Traversing؟ هي طرق للوصول إلى عناصر مرتبطة ببعضها مثل: ✅ أهم دوال وخصائص DOM Traversing الخاصية/الدالة الوصف .parentElement العنصر الأب .children جميع الأبناء (HTMLCollection) .firstElementChild أول عنصر ابن .lastElementChild آخر عنصر ابن .nextElementSibling العنصر الأخ…