موقعي الأول — HTML وCSS للأطفال

طفلك يقضي وقتًا طويلًا أمام المواقع والتطبيقات. ماذا لو صار هو من يصنعها؟ في دورة موقعي الأول يتعلم طفلك أساسيات بناء المواقع بلغتي HTML وCSS بطريقة حكاية ومغامرة: نور أسّست «نادي المستكشفين»، وكل قسم من الدورة يبني غرفة جديدة في موقع النادي، وينتهي بشارة يفرح بها الطفل.

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

كل درس قصير وفيه لحظة «واو» يرى فيها الطفل صفحته تتغير. وتحت كل فيديو محرر ويب يكتب فيه الكود بنفسه ويضغط «تشغيل» فيرى النتيجة في المعاينة، ثم مختصر كتابي يراجعه مع والديه، واختبار قصير ممتع.

لماذا يتعلم طفلك HTML وCSS؟

HTML وCSS هما لغتا كل صفحة على الإنترنت. حين يتعلمهما الطفل يفهم كيف تُصنع المواقع التي يستخدمها، ويتدرّب على التفكير المنظم والدقة وحل المشكلات، ويرى نتيجة عمله فورًا، فيتحول الفضول إلى ثقة: «أنا صنعت هذا».

لماذا يجب أن تشترك في هذه الدورة؟

• 48 درسًا قصيرًا في 8 أقسام، كل قسم يبني غرفة جديدة في موقع «نادي المستكشفين».
• حكاية ممتعة مع نور، وشارة في نهاية كل قسم تشجّع الطفل على الاستمرار.
• محرر ويب تحت كل درس: يكتب الطفل HTML وCSS ويرى صفحته تتغير مباشرة، بلا تثبيت أي برنامج.
• من أول عنوان إلى الصور والروابط والألوان والصناديق والترتيب والحركة والجداول والنماذج.
• مشروع ختامي يبني فيه الطفل مدونته الخاصة بعالم يختاره.
• مختصر كتابي مع إنفوجرافيك بعد كل درس، واختبارات تفاعلية قصيرة.
• وصول مدى الحياة مع أي تحديثات مستقبلية، وشهادة إتمام، ومشرفون يجيبون عن الأسئلة على كل درس.

هذه الدورة مناسبة لك إذا كنت:

• أطفال من 8 إلى 12 سنة يحبون الكمبيوتر ويريدون أن يصنعوا شيئًا بأنفسهم.
• أطفال من 7 سنوات مع مساعدة أحد الوالدين في القراءة والكتابة.
• أطفال أنهوا Scratch أو Python ويريدون خطوتهم التالية في البرمجة.
• أولياء أمور يبحثون عن وقت مفيد وممتع لأطفالهم أمام الشاشة.

ماذا ستتعلم خطوة بخطوة؟

• أول صفحة من صنعه: يكتب عناوين وفقرات واسم الصفحة، ويميّز الكلمات المهمة، ويكتشف أخطاء العلامات ويصلحها.
• صور وروابط وخرائط: يضيف القوائم والصور بوصفها، ويربط الصفحات ببعضها، ويقسّم صفحته إلى أجزاء مثل المواقع الحقيقية.
• استوديو الألوان: يكتب أول قاعدة CSS، ويغيّر الألوان والأحجام، ويستخدم class، ويضع CSS في ملفه الخاص.
• ورشة الصناديق: يفهم أن كل عنصر صندوق، فيضبط المسافات والحواف الناعمة والظلال والألوان المتدرجة.
• ترتيب وحركة: يرتّب العناصر جنب بعضها، ويجعل الموقع يناسب كل شاشة، ويحرّك الكروت عند الاقتراب منها.
• أسئلة وجداول ونماذج: يصنع سؤالًا يفتح إجابته، وجدول مواعيد، ونموذج انضمام بخانات واختيارات.
• مدونة نور: يزيّن المدونة بخلفية وإيموجي وحركة، ويضيف صفحات جديدة وقائمة تعرف أين أنت.
• مدونته الخاصة: يختار عالمه ويكتب تدويناته ويصمم شكل مدونته، ثم يحتفل بانضمامه إلى النادي.

المتطلبات

• لا يحتاج الطفل إلى أي خبرة سابقة في البرمجة.
• كمبيوتر أو لابتوب بمتصفح إنترنت، ومعرفة الطفل بالكتابة على لوحة المفاتيح ولو ببطء.