تخطَّ إلى المحتوى
شعار بصمة
كل المسارات

JavaScript من الصفر

1.4 ساعةمبتدئ105 درسًاWebمجاني

أكبر كورس على بصمة: أكتر من 100 درس بالعامية المصرية. كل درس فكرة واحدة بشرح مفصل وسلايدز، والكود بيتكتب قدامك والكونسول بيوريك الناتج لحظياً، وتمارين تحلها بنفسك. من أول console.log لحد تطبيق مهام كامل بيحفظ بياناته.

ابدأ المسار

البداية

0 / 88 دقيقة
  1. يعني إيه JavaScript؟معاينة مجانية
    1:09
  2. أول سطر: console.logمعاينة مجانية
    1:09
  3. ترتيب الأوامر والتعليقات
    0:52
  4. المتغيرات: let
    1:05
  5. const: متغير مابيتغيرش
    0:50
  6. إزاي تسمي متغيراتك
    0:49
  7. النصوص (Strings)
    0:49
  8. الأرقام (Numbers)
    1:01

العمليات

0 / 76 دقيقة
  1. العمليات الحسابية
    0:56
  2. اختصارات التعديل: += و ++
    0:53
  3. ربط النصوص بـ +
    0:51
  4. Template Literals: `${}`
    0:50
  5. صح وغلط: Booleans والمقارنة
    1:00
  6. null و undefined: القيمة الفاضية
    0:49
  7. typeof وتحويل الأنواع
    0:52

النصوص

0 / 76 دقيقة
  1. طول النص وحروفه
    1:03
  2. حروف كبيرة وصغيرة
    0:58
  3. قص جزء من النص: slice
    0:48
  4. البحث جوه النص
    0:44
  5. split و join: تقسيم وتجميع
    0:51
  6. trim و replace: تنضيف وتبديل
    0:43
  7. تطبيق: تنسيق اسم المستخدم
    0:53

الأرقام

0 / 44 دقيقة
  1. التقريب: round و floor و ceil
    0:58
  2. Math: أكبر وأصغر والعشوائي
    0:53
  3. parseInt و NaN
    0:58
  4. تطبيق: فاتورة المطعم
    0:45

الشروط

0 / 87 دقيقة
  1. if: البرنامج ياخد قرار
    0:55
  2. else: وإلا…
    0:48
  3. else if: أكتر من حالتين
    0:49
  4. && و || و !
    0:53
  5. truthy و falsy
    0:57
  6. الشرط المختصر ? :
    0:43
  7. switch
    0:53
  8. تطبيق: حاسبة الوزن المثالي
    0:49

الحلقات

0 / 65 دقيقة
  1. الحلقة for
    0:51
  2. for: العد لورا والقفز والجمع
    0:50
  3. while و do...while
    0:55
  4. break و continue
    0:45
  5. حلقة جوه حلقة
    0:49
  6. تطبيق: FizzBuzz
    0:48

الدوال

0 / 109 دقيقة
  1. الدوال: اكتب مرة واستخدم كتير
    1:01
  2. المعاملات: الدالة تاخد معلومات
    0:48
  3. return: الدالة ترجع نتيجة
    0:51
  4. القيم الافتراضية
    0:50
  5. الدالة كقيمة في متغير
    0:53
  6. Arrow Functions =>
    0:45
  7. النطاق: Scope
    0:59
  8. دوال بتاخد دوال: Callbacks
    0:50
  9. setTimeout و setInterval
    0:50
  10. تطبيق: التحقق من فورم التسجيل
    1:01

المصفوفات

0 / 1310 دقيقة
  1. المصفوفات: قايمة في متغير واحد
    0:47
  2. نضيف ونشيل: push و pop
    0:46
  3. اللف على المصفوفة
    0:52
  4. البحث في المصفوفة
    0:35
  5. slice و splice
    0:42
  6. forEach
    0:44
  7. map: حوّل كل عنصر
    0:39
  8. filter: اختار اللي يعجبك
    0:43
  9. find و some و every
    0:39
  10. reduce: اختصر القايمة لقيمة واحدة
    0:45
  11. الترتيب: sort
    0:48
  12. النقط التلاتة والفك
    0:47
  13. تطبيق: سلسلة filter و map و reduce
    0:48

الـ Objects

0 / 108 دقيقة
  1. الـ Objects: وصف حاجة بكل تفاصيلها
    0:52
  2. نعدل ونضيف ونحذف
    0:45
  3. الدوال جوه الـ Object و this
    0:44
  4. اللف على الـ Object
    0:42
  5. مصفوفة من Objects
    0:39
  6. فك الـ Object و spread
    0:44
  7. Objects جوه Objects و ?.
    0:50
  8. JSON
    0:52
  9. النسخة ولا نفس الحاجة؟
    0:52
  10. تطبيق: تقرير الطلاب
    0:47

الـ DOM

0 / 1410 دقيقة
  1. الـ DOM: الجافاسكربت تمسك الصفحةمعاينة مجانية
    0:55
  2. querySelectorAll: عناصر كتيرمعاينة مجانية
    0:39
  3. innerHTML و textContentمعاينة مجانية
    0:47
  4. نغير الشكل: style و classListمعاينة مجانية
    0:50
  5. الـ Attributes و data-معاينة مجانية
    0:41
  6. نبني عناصر جديدةمعاينة مجانية
    0:39
  7. الأحداث: لما المستخدم يدوسمعاينة مجانية
    0:47
  8. الـ event و targetمعاينة مجانية
    0:41
  9. الكتابة: input و valueمعاينة مجانية
    0:43
  10. الفورم: submit و preventDefaultمعاينة مجانية
    0:44
  11. الكيبورد: keydownمعاينة مجانية
    0:35
  12. Event Delegationمعاينة مجانية
    0:55
  13. localStorage: المتصفح يفتكرمعاينة مجانية
    0:47
  14. تطبيق: زرار الوضع الليليمعاينة مجانية
    0:46

مواضيع متقدمة

0 / 97 دقيقة
  1. الأخطاء: try و catch
    0:47
  2. الـ Classes: قالب للـ Objects
    0:42
  3. الوراثة: extends و super
    0:43
  4. الـ Promises: وعد بنتيجة
    0:50
  5. async و await
    0:45
  6. fetch: نجيب بيانات من الإنترنتمعاينة مجانية
    0:51
  7. التاريخ والوقت: Date
    0:48
  8. Set و Map
    0:50
  9. إزاي تلاقي الغلط: Debugging
    0:55

المشاريع

0 / 97 دقيقة
  1. مشروع 1: العدّادمعاينة مجانية
    0:54
  2. مشروع 2: قايمة المهام (1) — الإضافةمعاينة مجانية
    0:54
  3. مشروع 2: قايمة المهام (2) — الإنجاز والحذفمعاينة مجانية
    0:49
  4. مشروع 2: قايمة المهام (3) — الحفظمعاينة مجانية
    0:53
  5. مشروع 3: الاختبار (1) — البيانات والعرضمعاينة مجانية
    0:41
  6. مشروع 3: الاختبار (2) — الإجابة والنتيجةمعاينة مجانية
    0:47
  7. مشروع 4: دليل المستخدمين (fetch + بحث)معاينة مجانية
    0:44
  8. مشروع 5: ساعة الإيقافمعاينة مجانية
    0:54
  9. مبروك! وإيه بعد كده؟معاينة مجانية
    0:35