كل المسارات
⚡
#21 · Full-Stack Web
12-16 سنة

Web Mid

ابنك يبني مواقع ذكية تتفاعل مع الإنترنت — زي مواقع الشركات الكبرى

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

JavaScript هي اللغة اللي بتشغّل كل مواقع الإنترنت. بعد ما اتقن HTML/CSS، ابنك يضيف JavaScript ليبني مواقع تفاعلية حقيقية — تتصل بـ APIs وتحفظ البيانات.

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

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

  • يبني Quiz Battle App + Recipe Finder
  • يستخدم Fetch API (يتصل بمواقع أخرى)
  • يحفظ البيانات في LocalStorage
  • ينشر مواقع تفاعلية على الإنترنت
🏆 المشاريع الفعلية

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

⚡

Reflex Typer — تحدّي السرعة

ابنك يبرمج لعبة سرعة بنفسه بالـJavaScript: كلمات بتظهر على الشاشة ولازم يكتبها صح قبل ما العدّاد ينزّل، النقط بتطلع مع كل كلمة صح، وفي الآخر شاشة High Scores بتفضل محفوظة على الجهاز حتى لو قفل المتصفح وفتحه تاني. كل زرار وكل مؤثر بصري بيكتبه بإيده — مش قالب جاهز.

DOM manipulationEvent listeners (keyboard)setInterval timersLocalStorageCSS animations
🍳

Recipe Explorer — محرّك بحث الوصفات

موقع بحث وصفات حقيقي بيتصل بقاعدة بيانات TheMealDB على الإنترنت بالـFetch API: ابنك يكتب اسم أكلة، والموقع يجيب الصور والمقادير وخطوات التحضير لحظتها من سيرفر بعيد، ويسيب الطفل يحفظ وصفاته المفضلة عنده. ده نفس مبدأ إزاي أي موقع بيقرا بيانات من الإنترنت ويعرضها.

Fetch APIasync/awaitJSON parsingDynamic renderingLocalStorage favorites
📊

Money Dashboard — لوحة مصروفي التفاعلية

ابنك يبني لوحة متابعة مصروف تفاعلية بالـJavaScript: يضيف عمليات صرف وتوفير بتظهر في قائمة حيّة، الرصيد يتحسب لحظيًا، ورسم بياني بسيط يوضّح فلوسه راحت فين على كل تصنيف. كل الأرقام بتتحفظ تلقائيًا في المتصفح فيرجعها الموقع زي ما سابها — تمرين حقيقي يخلّي الصفحة حيّة ومفيدة.

DOM manipulationArray methods (reduce/filter)Event delegationLocalStorage stateCSS chart rendering
📚 المحتوى

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

⚡JavaScript ES6+ (الـ syntax الحديث)
🌳DOM Manipulation
🖱️Events (Click, Keyboard, Forms)
📡Fetch API (REST APIs)
💾LocalStorage
🎨Modern animations
🛠 الأداة

VS Code + Chrome DevTools

نفس بيئة المحترفين

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

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

  1. 1JavaScript = #1 web language — لا بد منه
  2. 2مواقع dynamic — مش static فقط
  3. 3مدخل للـ Frameworks — React/Vue قادمين
📊 المعايير العالمية

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

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

STEM.org Self-Score: 91.6/100
CSTA 3A-AP-13
CSTA 3A-AP-18
ISTE 5
Bloom's: Create
🗺️ المسار الكامل

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

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

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

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

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