دورة
شريط تقدم دائري | مشروع واجهة أمامية
في هذا المشروع، ستقوم بإنشاء شريط تقدم دائري باستخدام HTML و CSS و JavaScript.
المنهج
4 فصول11 دروس3 مشاريعمقدمة
1 درس- 01ماذا ستصنع؟
HTML
مشروع2 دروس- 01الإعداد
- 02إنهاء HTML
CSS
مشروع7 دروس- 01المحدد العام (Universal Selector)
- 02وسم Body
- 03كلاس Container
- 04كلاس Circular Progress
- 05Circular Progress ::before
- 06كلاس Progress Value
- 07كلاس Text
JavaScript
مشروع1 درس- 01اجعله يعمل!
المزيد مثل هذا
مشروع CSS - مؤشر تحميل بسيط
في هذه الدورة، ستتعلم كيفية استخدام CSS و HTML لبناء مؤشر تحميل بسيط، والذي يُستخدم عند تحميل الصفحات أو المحتوى.
- 6
- 1
أكورديون الصور | مشروع Front-end
في هذا المشروع، ستقوم بإنشاء أكورديون صور بنفسك!
- 17
- 3
ساعة إيقاف - مشروع HTML/CSS/JS
في هذا المشروع، ستنشئ ساعة إيقاف بسيطة باستخدام HTML و CSS و JavaScript.
- 10
- 3
مشروع CSS - زر أنيق
في هذه الدورة، ستقوم بإنشاء زر أنيق مخصص بالكامل، مثل الأزرار التي تراها في مواقعك المفضلة!
- 8
- 1
نموذج تسجيل دخول - مشروع HTML/CSS
في هذه الدورة، ستنشئ نموذج تسجيل دخول بسيط باستخدام HTML وتنسيقه باستخدام CSS.
- 7
- 2
الأسئلة الشائعة
كم درسًا تحتوي شريط تقدم دائري | مشروع واجهة أمامية؟
تحتوي شريط تقدم دائري | مشروع واجهة أمامية على 11 درس تفاعلي يمكنك إكمالها بإيقاعك الخاص.
ماذا تغطي دورة شريط تقدم دائري | مشروع واجهة أمامية؟
تنقسم الدورة إلى فصول تغطي: مقدمة, HTML, CSS, JavaScript.
هل شريط تقدم دائري | مشروع واجهة أمامية مجانية؟
نعم - كل دورة على Coddy مجانية للبدء. يمكنك إكمال الدروس في متصفحك دون أي تنزيلات أو تسجيل.
