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