تم إنشاء c4a.dev لمساعدتك على التركيز أثناء مُشاهدة الكورسات والإبتعاد عن إزعاج اليوتيوب (تعلم بروقااان👌)
كيفية الشراء من الموقع

منطقة إعلانية

يُمكننا وضع إعلانك هنا 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك

سعر الإعلان 3$ فى اليوم الواحد

1- HTML & CSS مراجعة

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

Elzero Slider

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

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

position: relative; VS position: absolute;

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

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

2- javascript مراجعة

  1. document.getElementById() 👉 العنصر نفسه
  2. document.getElementsByClassName() 👉 HTMLCollection
  3. document.getElementsByTagName() 👉 HTMLCollection
  4. document.querySelector() 👉 العنصر نفسه
  5. document.querySelectorAll() 👉 NodeList
6 <button disabled > Click here </button>
7 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

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

😡
انت مشغل الـ AdBlock !!

يعنى انت مش مُنتسب فى القناة ولا مُشترك فى كورس يوديمى وكمان مشغل الأدبلوك فى الموقع !! 😢