سحب متحركة - مشروع HTML/CSS/JS
في هذه الدورة، ستنشئ مشروع ويب لسحب متحركة باستخدام HTML و CSS و JavaScript.
المنهج
6 فصول18 دروس5 مشاريعمقدمة
1 درس- 01مقدمة
الحاوية
مشروع2 دروس- 01الجسم
- 02الحاوية
السحابة
مشروع3 دروس- 01السحابة 1
- 02السحابة 2
- 03السحابة 3
اللعب بـ JS
مشروع3 دروس- 01جلب السحابة
- 02موقع عشوائي
- 03حجم عشوائي
تحريك السحابة
مشروع5 دروس- 01قيم ثابتة
- 02التحرك لليمين
- 03تبديل الاتجاهات
- 04البدء فوراً
- 05عشوائية كل شيء
سحب كثيرة
مشروع4 دروس- 01حقن HTML باستخدام JS
- 02حقن السحب
- 03التكرار عبر الكل
- 04اللمسة الأخيرة
المزيد مثل هذا
تحديات HTML/CSS - الحزمة الثانية
ستتحدى هذه الدورة معرفتك بـ HTML و CSS بطريقة ممتعة وفعالة!
- 5
رسوم متحركة لكسوف الشمس | مشروع HTML/CSS
في هذه الدورة، ستنشئ رسومًا متحركة مذهلة لـ "كسوف الشمس"، لتوضيح كيفية بناء واجهات مستخدم جذابة وعملية باستخدام الرسوم المتحركة.
- 10
- 2
تحديات HTML/CSS - الحزمة الثالثة
ستتحدى هذه الدورة معرفتك بـ HTML و CSS بطريقة ممتعة وفعالة!
- 5
شريط التنقل السفلي - مشروع HTML/CSS
في هذه الدورة، ستنشئ شريط تنقل سفلي بسيط باستخدام HTML وستقوم بتنسيقه باستخدام CSS. كما ستتعلم كيفية إضافة رسوم متحركة بسيطة باستخدام محدد (:hover) في CSS.
- 12
- 2
دوال JavaScript DOM
في هذه الدورة، ستتعرف على دوال JavaScript DOM الأكثر استخداماً وكيفية استخدامها!
- 13