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