كل المسارات
🌐
#20 · Full-Stack Web
10-15 سنة

Web Intro

ابنك ينشر موقعه الأول على الإنترنت — على رابط حقيقي

10-15 سنة
20 حصة × 55 دقيقة
2-3 حصص/أسبوع
2
احجز حصة تجريبية مجانيةقارن مع دورة أخرى
✨ في 60 ثانية

كل موقع على الإنترنت بيستخدم HTML + CSS. ابنك بيتعلمهم وينشر موقعه الشخصي على رابط حقيقي يقدر يشاركه مع الأصحاب والعائلة.

🎯 طفلك بعد الدورة

يقدر يعمل ده بمفرده

  • يبني موقع شخصي كامل (3-5 صفحات)
  • يصمم responsive design (يعمل على موبايل + كمبيوتر)
  • ينشر الموقع على GitHub Pages مجاناً
  • يكون له URL حقيقي على الإنترنت
🏆 المشاريع الفعلية

المشاريع اللي يبنيها

🎮

Player Profile — صفحة لاعب احترافية

ابنك يبني بإيده صفحة لاعب على طراز مواقع الـesports: بانر كبير في الأعلى، وجاليري بألعابه المفضلة على شكل كروت متساوية بـCSS Grid، وقسم لإنجازاته وأرقامه. يكتب كل سطر HTML وCSS بنفسه، وفي آخر الدورة الموقع بيتنشر على رابط GitHub Pages حقيقي يشاركه مع أصحابه.

HTML5 semantic structureCSS Grid galleryResponsive designHover transitionsGitHub Pages deploy
🎨

Creator Studio — موقع شخصي بهوية بصرية

موقع شخصي من ٣ صفحات (الرئيسية، أعمالي، عنّي) بهوية بصرية كاملة يصممها ابنك: ألوان متناسقة، خطوط من Google Fonts، وصور مرتّبة في معرض أنيق بـFlexbox. بيتعلم إزاي التصميم النضيف يفرق فعلاً، ويطلع بموقع محترم على رابط حقيقي يحطّ فيه كل شغله.

CSS3 stylingFlexbox layoutGoogle Fonts typographyMulti-page navigationResponsive design
🚀

Event Landing Page — صفحة هبوط بفورم تسجيل

زي الصفحات اللي الشركات بتعملها لإطلاق منتج أو حدث: قسم رئيسي بعنوان وزرار واضح، تفاصيل الحدث، وفورم تسجيل حقيقي بحقول الاسم والإيميل. ابنك يبنيها كلها بـHTML وCSS، ويتعلّم الـaccessibility الصح للفورم، وينشرها على رابط شغّال يبعته لأي حد.

HTML formsForm accessibilityFlexbox layoutResponsive designGitHub Pages deploy
📚 المحتوى

كل اللي طفلك هيتعلمه

🏗️HTML5 (Structure)
🎨CSS3 (Styling)
📱Responsive Design
📐Flexbox + Grid
📝Forms + Accessibility
🚀Deploy على GitHub Pages
🛠 الأداة

VS Code + Chrome + Live Server

مجاني تماماً

💡 $0 تكلفة: كل الأدوات مجانية تمامًا — مفيش subscriptions مخفية أو رسوم إضافية.
⚡ ليه الدورة دي؟

3 أسباب لاختياره

  1. 1URL حقيقي — يقدر يشاركه
  2. 2أساس كل web — مفيش website بدون HTML/CSS
  3. 3portfolio أول — يضع فيه كل مشاريعه
📊 المعايير العالمية

مبني على معايير دولية

هذه الدورة متوافقة مع أعلى المعايير التعليمية العالمية. كل حصة مصممة بدقة عشان طفلك ياخد تعليم بمستوى المدارس العالمية الكبرى.

STEM.org Self-Score: 91.6/100
CSTA 2-AP-16
CSTA 2-CS-01
ISTE 4 + 6
Bloom's: Apply/Create
🗺️ المسار الكامل

رحلة طفلك في المسار

⭐ الدورة الحالية:
🌐
Web Intro
بعد الدورة دي:
⚡
Web Mid

جاهز يبدأ طفلك رحلته؟

احجز حصة تجريبية مجانية 55 دقيقة 1v1 مع مهندس عربي. بدون التزام، بدون رقم بطاقة.

احجز الحصة التجريبية المجانية
احجز حصة تجريبية مجانية