1- HTML & CSS مراجعة

الهدف الأساسى من هذا المشروع هو أن يكون لديك نفس المشروع ولكن بطريقتين مخلفتين حتى تعلم انه يوجد العديد من الطُرق لعمل نفس المشروع
وأن كل شخص لدية طريقته الخاصة فى كتابة الأكواد

Elzero Slider

الصور المُستخدمة فى المشروع

أهم شئ فى هذا الفيديو هو أن تعلم الفرق بين :

position: relative; VS position: absolute;

وتم شرح خاصية الـ position فى هذا الدرس

الملفات المُستخدمة فى الفيديو

2- javascript مراجعة

document.getElementById() 👉 العنصر نفسه
document.getElementsByClassName() 👉 HTMLCollection
document.getElementsByTagName() 👉 HTMLCollection
document.querySelector() 👉 العنصر نفسه
document.querySelectorAll() 👉 NodeList

6 <button disabled > Click here </button>

button:disabled{
  opacity: 0.4;
  cursor: not-allowed;
}

8 element.setAttribute(attributename, attributevalue)

⚠ اذا كان الـ attribute ليس له قيمه مثل الــ attribute الذى يُسمى disabled
فيتم كتابة الكود كالتالى :

element.setAttribute(attributename, "")

مثال على ذلك:

element.setAttribute(disabled, "")

9 element.removeAttribute(attributename)

3- javascript Slideshow

الملفات المُستخدمة فى الفيديو

4- javascript active on click

الملفات المُستخدمة فى الفيديو

5- forEach() Method

طريقة كتابة الـ Arrow Function كالتالى :

(params)=> { }

⚠ اذا كانت الـ Arrow Function تحتوى على parameter واحد فقط فيُمكن كتابتها بدون أقواس كالتالى :

params=> { }

⚠ اذا كانت الـ Arrow Function تحتوى على أكثر من parameter فيجب كتابة الأقواس كالتالى :

(params1, params2 )=> { }

👈 شرح الــ forEach() Method

طريقة الكتابة كالتالى :

array.forEach( (item, index)=> { });

👈 item : العُنصر نفسة

👈 index : الـ index الخاص بالعنصر داخل الـ Array

6- javascript Slider

الملفات المُستخدمة فى الفيديو