1- ترويق العمل أهم من العمل

👈 فى هذا الفيديو تم شرح :

• onmousemove VS mousemove Event
• onmouseout VS mouseout Event

👈 فى هذا الفيديو تم التأكيد على :

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

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

2- change HEADER background

👈 فى هذا الفيديو تم شرح :

• CSS HSL Colors hsl(0:360, 44%, 55%)
• :not(selector)
• chrome dev tool=> copy selector

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

3- change TITLE background & text

👈 أهم الملاحظات الموجودة فى الفيديو :

• لا يتم تنفيذ أى كود بعد الـ return
• local scope variable VS Global scope variable
• الــ function تقوم بتنفيذ task مُعين فى الموقع
  ويُمكن استدعاء الـ function فى أى مكان فى ملف الجافاسكريبت

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

4- change SECTION background using array & i++

⚠ هذا الفيديو هو أصعب فيديو فى هذا الدرس ولكن اذا فهمت كيف المُتصفح ينفذ الأكواد فسوف يُصبح الفيديو بسيط جداً

⚠ واذا لم تفهم هذا الدرس جيدأ ، أوعدك انك سوف تفهم كل شئ مع تكرار المشاريع

👈 أهم الملاحظات الموجودة فى الفيديو :

• موقع coolors.co للحصول على الوان متناسقة
• للحصول على أخر index فى الـ array نستخدم array.length - 1
• هذا الكود let i=0 غالباً يُستخدم مره واحده و i++ غالباً يُستخدم داخل الـ loop أو عند تنفيذ كود العديد من المرات

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

5- change SECTION background using array & Math.random()

👈 فى هذا الفيديو تم شرح :

• transition: all 0.4s;
• Math.round(...) VS Math.floor(...)

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

6- change SECTION background using rgb & return function

لم يتم شرح أكواد جديدة والفيديو كان سهل جداً

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

7- change SECTION background using hexadecimal

👈 فى هذا الفيديو تم شرح :

• String(...) VS .toString(16)

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

8- change SECTION background - don't use forEach

فى هذا الفيديو تم استخدام قاعدة for بدلاً من forEach

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

9- change SECTION background - don't use forEach or for loop

فى هذا الفيديو تم استخدام

• for in
• for of
• while
• do while
• for ;;

بدلاً من الــ forEach method

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