جافاسكريبت الحديثة وبناء الواجهات

عن الدورة

ماذا ستتعلّم؟

• تفهم النطاق والدوال وthis دون تخمين
• تتعامل مع DOM والأحداث بكفاءة
• تستخدم fetch لبناء واجهات تعتمد على API
• تنظّم كودك في وحدات قابلة للاختبار

1. 01 اللغة قبل الأطر فيديو · 55 دقيقة

   لماذا تتعلم JavaScript قبل React؟

   محتوى هذه الوحدة متاح بعد الالتحاق بالدورة.

2. 02 الدوال والنطاق والـ this قراءة · 60 دقيقة · معاينة مجانية

   أكثر ثلاث كلمات تربك المبتدئين، بشرح واحد مترابط.

   `this` ليس غامضًا إذا عرفت من استدعى الدالة. في هذه الوحدة نمرّ على أربع حالات: استدعاء عادي، استدعاء كطريقة كائن، استدعاء بعد تمرير الدالة، واستدعاء مع `bind`.
   
   ستكتب كل حالة بنفسك وتطبع النتيجة، ثم تشرح الفرق بجملة واحدة. هذه الجملة سترافقك في كل كود تقرأه لاحقًا.
3. 03 DOM والأحداث بلا مكتبات فيديو · 100 دقيقة

   إنشاء العناصر، التفويض، وتنظيف المستمعين.

   محتوى هذه الوحدة متاح بعد الالتحاق بالدورة.

4. 04 تمرين: قائمة مهام تفاعلية تمرين · 80 دقيقة

   إضافة وحذف وإكمال المهام مع حفظ في localStorage.

   محتوى هذه الوحدة متاح بعد الالتحاق بالدورة.

5. 05 fetch وواجهات API فيديو · 95 دقيقة

   طلب بيانات، معالجة الأخطاء، وعرض الحالات الثلاث.

   محتوى هذه الوحدة متاح بعد الالتحاق بالدورة.

6. 06 تنظيم المشروع واختباره قراءة · 50 دقيقة

   الوحدات، الأخطاء المتوقعة، وأول اختبار بسيط.

   محتوى هذه الوحدة متاح بعد الالتحاق بالدورة.

المتطلبات

• معرفة أساسية بـ HTML وCSS
• محرر نصوص ومتصفح حديث

المدرّب