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

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

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

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

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

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

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

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