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