يعنى انت مش مُنتسب فى القناة ولا مُشترك فى كورس يوديمى وكمان مشغل الأدبلوك فى الموقع !! 😢
1- ترويق العمل أهم من العمل
👈 فى هذا الفيديو تم شرح :
onmousemove
VSmousemove
Eventonmouseout
VSmouseout
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
VSGlobal 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(...)
VSMath.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