دورات HTML
26 دورات تفاعلية مجانية
تصفح كل دورات HTML على Coddy. كل دورة تعمل في متصفحك مع تلميحات بمساعدة الذكاء الاصطناعي وتمارين حقيقية وشهادة عند الإكمال.
رسوم متحركة لكسوف الشمس | مشروع HTML/CSS
شائعفي هذه الدورة، ستنشئ رسومًا متحركة مذهلة لـ "كسوف الشمس"، لتوضيح كيفية بناء واجهات مستخدم جذابة وعملية باستخدام الرسوم المتحركة.
- 10
- 8
- 1
محاكاة صفحة إنستغرام | مشروع Front-End
شائعفي هذه الدورة، ستتدرب على أساليب HTML و CSS القياسية والبسيطة، وستقوم بإنشاء مشروع محاكاة لصفحة إنستغرام.
- 16
- 14
- 1
مشغل فيديوهات YouTube - مشروع HTML
شائعفي هذا المشروع، ستنشئ مشغل فيديوهات YouTube باستخدام HTML وتستكشف سمات متنوعة خلال ذلك.
- 7
- 5
- 1
دوال JavaScript DOM
شائعفي هذه الدورة، ستتعرف على دوال JavaScript DOM الأكثر استخداماً وكيفية استخدامها!
- 13
ساعة إيقاف - مشروع HTML/CSS/JS
شائعفي هذا المشروع، ستنشئ ساعة إيقاف بسيطة باستخدام HTML و CSS و JavaScript.
- 10
- 8
- 1
تحديات HTML/CSS - الحزمة الأولى
شائعستختبر هذه الدورة معرفتك بـ HTML و CSS بطريقة ممتعة وفعالة!
- 11
محددات CSS
شائعبنهاية هذه الدورة، ستتقن مفاهيم محددات CSS.
- 15
CSS Flexbox - الدورة الشاملة
شائعفي هذه الدورة، ستتقن مفاهيم CSS flexbox. يُعد flexbox أحد أكثر أنظمة التخطيط فائدة واستخداماً في تطوير الويب.
- 15
HTML - موقع للمبتدئين
شائعفي هذه الدورة، ستختبر معرفتك الأساسية بلغة HTML وتنشئ موقعك البسيط الخاص، بالصور والنصوص. هل أنت مستعد؟
- 5
- 4
- 1
شريط التنقل السفلي - مشروع HTML/CSS
في هذه الدورة، ستنشئ شريط تنقل سفلي بسيط باستخدام HTML وستقوم بتنسيقه باستخدام CSS. كما ستتعلم كيفية إضافة رسوم متحركة بسيطة باستخدام محدد (:hover) في CSS.
- 12
- 11
- 1
مشروع DOM - آلة حاسبة
في هذه الدورة، ستقوم ببناء آلة حاسبة بسيطة وتفاعلية باستخدام HTML و CSS و JS.
- 14
- 12
- 1
بطاقة 3D | مشروع Front-end
في هذا المشروع، ستقوم ببناء تصميم بطاقة 3D بنفسك!
- 31
- 29
- 1
محاكاة بطاقة الملف الشخصي لـ Coddy | مشروع Front-end
في هذا المشروع، ستقوم بإنشاء محاكاة لبطاقة الملف الشخصي الخاصة بـ Coddy.
- 26
- 24
- 1
محاكاة صفحة تسجيل الدخول إلى Netflix | مشروع واجهة أمامية
في هذا المشروع، ستنشئ نسخةً من بطاقة تسجيل الدخول إلى Netflix.
شهادة عند الإكمال
- 19
- 18
- 1
الشريط الجانبي | مشروع Front-end
في هذا المشروع، ستنشئ شريطًا جانبيًا متجاوبًا لتطبيق الويب القادم.
- 13
- 12
- 1
تحديات HTML/CSS - الحزمة الثانية
ستتحدى هذه الدورة معرفتك بـ HTML و CSS بطريقة ممتعة وفعالة!
- 5
شريط تقدم دائري | مشروع واجهة أمامية
في هذا المشروع، ستقوم بإنشاء شريط تقدم دائري باستخدام HTML و CSS و JavaScript.
- 11
- 9
- 1
شريط تمرير | مشروع Front-end
في هذا المشروع، ستنشئ شريط تمرير متجاوبًا لعرض صورتين ووصفين.
- 23
- 22
- 1
سحب متحركة - مشروع HTML/CSS/JS
في هذه الدورة، ستنشئ مشروع ويب لسحب متحركة باستخدام HTML و CSS و JavaScript.
- 18
- 16
- 1
وسوم رائعة في HTML
في هذه الدورة، ستتعرف على بعض الوسوم الفريدة والرائعة في HTML. ستندهش من النتائج بعد استخدامها وتوظيفها في مشاريع الويب الخاصة بك.
- 15
كيفية توسيط div أو نص باستخدام CSS
في هذه الدورة، سنستكشف ونجيب على أحد أكثر الأسئلة شيوعاً في CSS - كيفية توسيط div أو نص؟
- 9
تحديات HTML/CSS - الحزمة الثالثة
ستتحدى هذه الدورة معرفتك بـ HTML و CSS بطريقة ممتعة وفعالة!
- 5
مشروع CSS - زر أنيق
في هذه الدورة، ستقوم بإنشاء زر أنيق مخصص بالكامل، مثل الأزرار التي تراها في مواقعك المفضلة!
- 8
- 6
- 1
أكورديون الصور | مشروع Front-end
في هذا المشروع، ستقوم بإنشاء أكورديون صور بنفسك!
- 17
- 15
- 1
نموذج تسجيل دخول - مشروع HTML/CSS
في هذه الدورة، ستنشئ نموذج تسجيل دخول بسيط باستخدام HTML وتنسيقه باستخدام CSS.
- 7
- 6
- 1
مشروع CSS - مؤشر تحميل بسيط
في هذه الدورة، ستتعلم كيفية استخدام CSS و HTML لبناء مؤشر تحميل بسيط، والذي يُستخدم عند تحميل الصفحات أو المحتوى.
- 6
- 4
- 1
الأسئلة الشائعة
كم عدد دورات HTML على Coddy؟
هل دورات HTML مجانية؟
هل أحصل على شهادة HTML؟
