1. الرئيسية
  2. مسارات التعلم
  3. تعلّم JavaScript من الصفر
مبتدئ إلى متوسط

تعلّم JavaScript من الصفر

اجعل صفحاتك تفاعلية: المتغيرات والشروط والحلقات والدوال والمصفوفات والكائنات والتعامل مع الصفحة والأحداث، مع محرر يشغّل الكود ويعرض النتيجة.

ابدأ الدورة من الدرس الأول

تمارين عملية تُصحَّح تلقائيًا

طبّق ما تعلمته في محرر الأكواد، واضغط «تحقق من الحل» لترى النتيجة فورًا.

  1. ما هي JavaScript؟ أول برنامج لك

    أول درس في تعلم جافاسكريبت بالعربية: ما هي JavaScript وماذا تفعل في الصفحة وخارجها، وأين تكتب الكود، وconsole.log، وأول برنامج تشغّله في المتصفح.

    6 دقائق
  2. المتغيرات وأنواع البيانات في JavaScript

    تعلم المتغيرات في جافاسكريبت: let وconst ومتى تستخدم كلًا منهما، وأنواع البيانات النص والرقم والقيمة المنطقية وnull وundefined، وtypeof، والقوالب النصية.

    8 دقائق
  3. العمليات والشروط في JavaScript: if وelse والمقارنة

    تعلم العمليات الحسابية وعمليات المقارنة === و!== والعمليات المنطقية && و|| و!، والشروط if وelse if وelse، والمعامل الثلاثي، وswitch، مع أمثلة عملية.

    8 دقائق
  4. الحلقات في JavaScript: for وwhile وfor...of

    تعلم تكرار الأوامر في جافاسكريبت بالحلقات: for التقليدية وwhile وfor...of للمصفوفات، وbreak وcontinue، وكيف تتجنب الحلقة اللانهائية، مع تمارين.

    7 دقائق
  5. الدوال في JavaScript: اكتب الكود مرة واستخدمه مرات

    تعلم الدوال في جافاسكريبت: التعريف والاستدعاء والمعاملات والقيمة المرجعة return والقيم الافتراضية والدوال السهمية Arrow Functions والنطاق Scope، مع أمثلة عملية.

    8 دقائق
  6. المصفوفات والكائنات في JavaScript

    تعلم المصفوفات Arrays والكائنات Objects في جافاسكريبت: الإضافة والحذف والطول، ودوال map وfilter وfind وsort وreduce، والكائنات والخصائص، وقائمة كائنات، وJSON.

    10 دقائق
  7. التحكم في الصفحة بـ JavaScript: DOM خطوة بخطوة

    تعلم DOM في جافاسكريبت: اختيار العناصر بـ querySelector، وتغيير النص والتنسيق والفئات classList، وإنشاء عناصر جديدة وحذفها، مع أمثلة تفاعلية في المتصفح.

    9 دقائق
  8. الأحداث في JavaScript ومشروع قائمة مهام كاملة

    تعلم الأحداث في جافاسكريبت: addEventListener وclick وinput وsubmit ومنع السلوك الافتراضي، ثم ابنِ تطبيق قائمة مهام يحفظ بياناتك في المتصفح.

    12 دقائق

اختبار قصير

أجب عن الأسئلة بعد قراءة الدروس. تحتاج 4 إجابات صحيحة من 5 لتحصل على شهادة الإتمام.

1. أي طريقة حديثة لتعريف متغير لا تتغير قيمته؟
const لقيمة لا يُعاد إسنادها، وlet لقيمة تتغير. تجنب var في الكود الحديث.
2. ما ناتج 2 + "2" في JavaScript؟
عند جمع رقم مع نص يتحول الرقم إلى نص ويُلصقان: "22".
3. ما الفرق بين == و===؟
=== مقارنة صارمة تقارن النوع أيضًا، وهي الأفضل دائمًا.
4. كيف تختار عنصرًا من الصفحة بمحدد CSS؟
querySelector يأخذ محدد CSS ويعيد أول عنصر يطابقه.
5. ماذا تطبع [1,2,3].map(x => x * 2)؟
map تنشئ مصفوفة جديدة بتطبيق الدالة على كل عنصر.

أحسنت! أتممت مسار «تعلّم JavaScript من الصفر»

اكتب اسمك كما تريده على شهادة الإتمام، ثم نزّلها صورة PNG أو اطبعها.