0Pricing
HTML for Kids icon

HTML for Kids

HTMLKidsWebFrontendBeginner

قدّم للأطفال تطوير الويب من خلال دروس HTML ممتعة وسهلة في HTML for Kids.

🤖 مدعوم بالذكاء الاصطناعي📚 16 دورة👥 100,000+ متعلم⭐ تقييم 4.9
نظرة عامة على الدورة

HTML for Kids: بناء صفحات ويب حقيقية من الصفر

HTML هي اللغة التي تُبنى عليها كل صفحة ويب. يقدّم هذا المسار تطوير الويب للأطفال من خلال تعليمهم كتابة HTML و CSS حقيقي — نفس الأدوات التي يستخدمها المطورون المحترفون — عبر دروس قصيرة وسهلة الفهم مصممة للمبتدئين بدون خبرة سابقة.

ما ستتعلمه

ستبدأ بعناصر HTML الأساسية وبنية الصفحة، ثم الانتقال إلى CSS للتنسيق: تحديد الأنماط، والعمل مع أنواع الفئات والمحددات، والتحكم في margin و padding، وتعيين الألوان والخلفيات، وتطبيق خصائص CSS الأكثر استخداماً. يغطي المسار أيضاً أفضل الممارسات في HTML ويقدم لمحة أولى عما يأتي بعد HTML عندما تصبح الأساسيات متينة.

مسار التعلم

ستة عشر مساق يتقدم من A1 إلى B1. تغطي المساقات الأولى مقدمة إلى HTML و البدء مع CSS و عناصر HTML الأساسية. تبني مساقات منتصف المسار الثقة مع تنسيق HTML و محددات الفئة و أنواع المحددات و تحديات وأنشطة ممتعة. ينتهي المسار بـ CSS Margin و CSS Padding و اللون والخلفية و أفضل ممارسات HTML و ما بعد HTML — مما يعطي المتعلمين رؤية واضحة عما يجب دراسته لاحقاً.

كيف يعمل

ينقسم كل مساق إلى دروس قصيرة وعملية يتم إكمالها في محرر مدمج مع تعليقات فورية. يتوفر مدرس ذكي (AI tutor) في أي وقت عندما تحتاج مفهوم إلى شرح إضافي، بحيث يمكن للأطفال التقدم بسرعتهم الخاصة دون أن يعلقوا.

ابدأ التعلم →

كيف ستتعلم

🎯
دروس تفاعلية
تمارين برمجة عملية مع ردود فعل فورية
🤖
معلم الذكاء الاصطناعي
احصل على مساعدة فورية من معلمنا الذكي عندما تعلق
💻
محرر مدمج
اكتب وشغّل الأكواد مباشرة في متصفحك
🏆
الشهادة
احصل على شهادة عند إكمالك للدورة
المنهج الدراسي

16 دورة

كل الدورات في مسار تعلم HTML for Kids.

01

مقدمة إلى HTML

A14 دروس

تُعد مقدمة إلى HTML نقطة البداية المثالية للمبتدئين الراغبين في دخول مجال تطوير الويب. تعرّفك هذه الفئة إلى أساسيات HTML، بما في ذلك ماهيته…

02

البدء باستخدام CSS

A1درس واحدPRO

ابدأ رحلتك في تصميم الويب من خلال دورة «مقدمة إلى CSS»، حيث ستتعلم المفاهيم والتقنيات الأساسية لتحسين المظهر المرئي لصفحات الويب. تغطي هذه…

03

مقدمة إلى CSS

A1درس واحدPRO

في الدورة السابقة، تعلّمنا ماهية CSS وسبب استخدامنا لها. والآن أود تقديم مقدمة سريعة من خلال مثال بسيط.

04

عناصر HTML الأساسية

A14 دروسPRO

تغطي عناصر HTML الأساسية اللبنات الضرورية لكل صفحة ويب. ستتعلمون كيفية استخدام العناوين والفقرات والروابط والقوائم والصور لإنشاء محتوى هادف…

05

كيف نعرّف الأنماط؟

A1درس واحدPRO

في درس «كيف نعرّف الأنماط؟»، ستتعلم الطرق الثلاث الرئيسية لتطبيق CSS على صفحات الويب: استخدام الأنماط المضمّنة، ووسم <style> لأوراق الأنماط…

06

عناصر HTML المتقدمة

A24 دروسPRO

ترتقي عناصر HTML المتقدمة بمعرفتكم بـ HTML إلى مستوى جديد من خلال تقديم ميزات تفاعلية وديناميكية. يتضمن هذا التصنيف دروسًا حول النماذج والج…

07

تنسيق HTML

A24 دروسPRO

يعلّمكم تنسيق HTML كيفية استخدام CSS لإضفاء الحيوية على صفحات الويب. يغطي هذا التصنيف الأنماط المضمّنة والألوان والخطوط والتخطيطات، مما يتي…

08

تحديات وأنشطة ممتعة

A22 دروسPRO

التحديات والأنشطة الممتعة تصنيف تطبيقي مصمم لاختبار مهاراتكم وإبداعكم. فمن خلال الألعاب والبرمجة التفاعلية والمشاريع المصغرة، ستطبّقون ما ت…

09

محدّدات الأصناف

A2درس واحدPRO

أتقن محدّدات الأصناف في CSS من خلال وحدة الدورة الموجزة هذه، حيث ستتعلم كيفية تطبيق أنماط متسقة على عدة عناصر HTML بكفاءة. يغطي هذا الدرس ت…

10

أنواع المحدّدات

A2درس واحدPRO

أتقن محدّدات CSS الأساسية من خلال وحدة دورة «أنواع المحدّدات». يغطي هذا الدرس المحدّدات الأساسية والمتقدمة، بما في ذلك المحدّدات المركبة وم…

11

أكثر خصائص CSS استخدامًا

A2درس واحدPRO

عزّز مهاراتك في تصميم الويب من خلال دورة «أكثر خصائص CSS استخدامًا»، حيث ستستكشف خصائص CSS الأساسية التي تتحكم في التخطيط والطباعة. تغطي هذ…

12

الهوامش في CSS

A2درس واحدPRO

أتقن فن ضبط المسافات من خلال وحدة دورة «الهوامش في CSS». تُعد الهوامش أساسية للتحكم في المساحة المحيطة بالعناصر، مما يضمن تنظيم تصاميم الوي…

13

الحشو في CSS

A2درس واحدPRO

مرحبًا بكم في دورة الحشو في CSS. يُستخدم الحشو لإنشاء مساحة داخل حدود عنصر HTML. وكما هو الحال مع الهامش، يمكننا إضافة حشو من الجهات الأربع…

14

الألوان والخلفيات

A2درس واحدPRO

عزّز مهاراتك في تصميم الويب من خلال دورة CSS الموجزة «الألوان والخلفيات». تعلّم الخصائص الأساسية مثل background-color وopacity، وتعرّف على…

15

أفضل ممارسات HTML

B14 دروسPRO

تركّز أفضل ممارسات HTML على كتابة تعليمات برمجية نظيفة وفعالة وسهلة الوصول. يتضمن هذا التصنيف دروسًا حول HTML الدلالي والتعليقات والتحقق وإ…

16

ما بعد HTML

B14 دروسPRO

يستكشف ما بعد HTML الأدوات والتقنيات التي تتكامل مع HTML، مثل CSS للتنسيق وJavaScript لإضافة التفاعلية. ستتعلمون أيضًا عن استضافة الويب وال…

الأسئلة الشائعة

الأسئلة الشائعة

هل دورة HTML for Kids مجانية؟

نعم. يمكنك البدء في دورة HTML for Kids مجانًا وإكمال دروسها التفاعلية بلا تكلفة. اشتراك PRO اختياري يفتح لك أدوات ذكاء اصطناعي متقدمة وشهادة قابلة للمشاركة.

هل أحتاج إلى خبرة سابقة لتعلم HTML؟

لا. تبدأ الدورة بالأساسيات وتنتقل تدريجيًا إلى مواضيع أكثر تقدمًا، لذا يمكنك البدء حتى بدون خبرة سابقة في HTML.

كيف ستتعلم HTML على CoddyKit؟

تتعلم من خلال العمل. دروس تفاعلية قصيرة تجمع بين شرح واضح وتمرين برمجة عملي يعمل في الوقت الفعلي، ومعلم ذكاء اصطناعي يعمل 24/7 يقدم مساعدة مخصصة عندما تعلق.

هل أحصل على شهادة عند إكمال HTML for Kids؟

نعم. متعلمو PRO يمكنهم الخضوع لامتحان والحصول على شهادة إكمال قابلة للمشاركة برمز تحقق لدورة HTML for Kids.

هل يمكنني تعلم HTML على هاتفي؟

نعم. CoddyKit متاح على الويب وكتطبيقات iOS و Android أصلية، لذا يمكنك تعلم HTML على أي جهاز وسيتم مزامنة تقدمك عبرها جميعًا.

ابدأ HTML for Kids الآن

انضم إلى آلاف المتعلمين الذين يتقنون البرمجة مع دروس مدعومة بالذكاء الاصطناعي.

ابدأ مجاناً →استعرض جميع الدورات