يعنى انت مش مُنتسب فى القناة ولا مُشترك فى كورس يوديمى وكمان مشغل الأدبلوك فى الموقع !! 😢
1- HTML & CSS مراجعة
الهدف الأساسى من هذا المشروع هو أن يكون لديك نفس المشروع ولكن بطريقتين مخلفتين حتى تعلم انه يوجد العديد من الطُرق لعمل نفس المشروع
وأن كل شخص لدية طريقته الخاصة فى كتابة الأكواد
أهم شئ فى هذا الفيديو هو أن تعلم الفرق بين :
position: relative;
VS position: absolute;
وتم شرح خاصية الـ position فى هذا الدرس
2- javascript مراجعة
- document.getElementById() 👉 العنصر نفسه
- document.getElementsByClassName() 👉 HTMLCollection
- document.getElementsByTagName() 👉 HTMLCollection
- document.querySelector() 👉 العنصر نفسه
- document.querySelectorAll() 👉 NodeList
<button disabled > Click here </button>
button:disabled{
opacity: 0.4;
cursor: not-allowed;
}
element.setAttribute(attributename, attributevalue)
⚠ اذا كان الـ attribute ليس له قيمه مثل الــ attribute الذى يُسمى disabled
فيتم كتابة الكود كالتالى :
element.setAttribute(attributename, "")
مثال على ذلك:
element.setAttribute(disabled, "")
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