أول صفحة ويب لطفلك: HTML وCSS من غير تعقيد
الطفل اللي بيكتب سطر واحد وبيشوف نتيجته على الشاشة في نفس الثانية بيتعلّق بالبرمجة. وعشان كده صفحة الويب أفضل مشروع أول — نتيجتها فورية ومرئية.
- التصنيف
- البرمجة والتكنولوجيا
- وقت القراءة
- 6 دقائق
- تاريخ النشر
- 23 أغسطس 2026
- عدد المحاور
- 7 محورًا
أغلب الأطفال بيبدأوا البرمجة بسكراتش، وده اختيار ممتاز. لكن بعد فترة بيوصلوا لسؤال: «طب إمتى أعمل حاجة حقيقية زي المواقع اللي بشوفها؟». والإجابة إن ده ممكن أبسط مما تتخيل.
الـ HTML مش لغة برمجة بالمعنى الكامل — دي لغة وصف للمحتوى، ومفرداتها قليلة ومنطقها بسيط. والطفل بيوصل لصفحة شغالة فعلًا خلال جلسة واحدة.
ليه صفحة الويب مشروع أول ممتاز؟
- نتيجة فورية: يكتب سطر، يحفظ، يفتح المتصفح، يشوف التغيير. حلقة التغذية الراجعة دي بتصنع الحماس.
- ملموس ومشارَك: يقدر يوري صفحته لأصحابه وأهله.
- مفيش تجهيزات معقدة: مفكرة نصوص ومتصفح، وخلاص.
- بيعلّم مفاهيم أساسية: البنية، الترتيب، الوسوم المتداخلة، فصل الشكل عن المحتوى.
- مدخل طبيعي للجافاسكريبت بعدها بشهور.
السن المناسب
من ٩ سنين فما فوق بشكل مريح، بشرط إن الطفل يكون بيكتب على الكيبورد بسرعة معقولة ويعرف يحفظ ملف ويفتحه. قبل ده، سكراتش أنسب لأن الكتابة نفسها بتبقى عقبة أكبر من المفهوم.
الأدوات المطلوبة — كلها مجانية
- محرر نصوص: أي محرر بسيط في البداية، وبعدين محرر كود مجاني بيلوّن الوسوم.
- متصفح: اللي موجود عندك.
- مجلد باسمه على سطح المكتب فيه ملف واحد اسمه index.html.
ما تبدأش بأدوات احترافية كتير. تعقيد البيئة بيقتل حماس الأسبوع الأول.
خطة ست جلسات
| الجلسة | الهدف | الناتج |
|---|---|---|
| الأولى | الوسوم الأساسية: عنوان وفقرة | صفحة فيها اسمه وجملة عن نفسه |
| التانية | الصور والروابط والقوائم | صفحة «هواياتي» بصور |
| التالتة | أول ملف CSS: الألوان والخطوط | نفس الصفحة بشكل مختلف تمامًا |
| الرابعة | الترتيب والمسافات والحدود | تصميم منظّم بأقسام |
| الخامسة | صفحة تانية وربطها بالأولى | موقع صغير من صفحتين |
| السادسة | مراجعة وتحسين ونشر داخلي | مشروع كامل يعرضه على العيلة |
جلسة أسبوعية من ٤٥ دقيقة كفاية. الأهم إن كل جلسة تخرج بحاجة يشوفها.
مشاريع بتناسب اهتمامه
- صفحة عن فريقه المفضل بصور وجدول مباريات بسيط.
- كارت معايدة إلكتروني يبعته لجدّته.
- قائمة كتبه اللي قرأها مع تقييم لكل كتاب.
- صفحة وصفات لأكلة بيحبها بخطوات مرقّمة.
- ألبوم رحلة صيفية بصور وتعليقات.
المشروع اللي فيه اهتمام شخصي بيخلّي الطفل يكمّل لوحده بعد ما تسيبه.
ما تعلّمهوش وسومًا كتير. علّمه خمسة وخلّيه يعمل بيهم حاجة يفتخر بيها — الباقي بيتعلمه بنفسه لما يحتاجه.
أخطاء شائعة في التعليم
- الشرح النظري الطويل قبل أول تجربة: ابدأ بكتابة سطر في أول دقيقتين.
- الدخول في أدوات المطورين بدري: بتربكه وبتأجّل المتعة.
- إصلاح الكود بدل ما يصلّحه: سيبه يدوّر على الوسم اللي نسي يقفله — التتبّع ده هو أهم مهارة.
- مقارنة نتيجته بمواقع احترافية: بتحبطه بسرعة.
- الاستعجال على الجافاسكريبت: استنى لحد ما يبقى مرتاحًا مع البنية والشكل.
وبعدين؟
بعد ما يبقى مرتاحًا في بناء صفحتين أو تلاتة، فيه تلات طرق طبيعية للتوسّع: جافاسكريبت لإضافة تفاعل بسيط، أو تعلّم تنسيق أوضح للتصميم على الموبايل، أو مشروع مشترك مع صاحبه كل واحد يعمل صفحة ويوصّلوهم. أي اتجاه فيهم بيبني على نفس الأساس اللي اتعلّمه، وده بالظبط اللي بيخلّي البداية دي مهمة.
خلّي أول جلسة تخلص بصفحة عليها اسمه بخط كبير ولون بيحبه. الطفل اللي شاف اسمه على المتصفح في أول ٢٠ دقيقة بيرجع للجلسة اللي بعدها من نفسه.
