تخطَّ إلى المحتوى

🎉 خصم ٣٠٪ على أكثر من ٤٠ دورة عربية — لفترة محدودةاكتشف العروض

.ai
إنشاء حساب
الأكثر مبيعاًشهادة إتمام

React عملياً: ابنِ ثلاثة مشاريع حقيقية

من المكوّنات إلى إدارة الحالة والتوجيه وجلب البيانات، عبر ثلاثة مشاريع تُنشر فعلاً.

4.8(684)4 آلاف متدرب20 درس2س 59دمتوسط
عبدالله المطيريالمدربعبدالله المطيريآخر تحديث يوليو 2026لغة الدورة — العربية
معاينة مجانيةشاهد المقدمة

ماذا ستتعلم

  • تبني مكوّنات قابلة لإعادة الاستخدام
  • تدير الحالة بدون تعقيد غير ضروري
  • تجلب البيانات وتتعامل مع حالات التحميل والخطأ
  • تنظم مشروعاً ينمو دون فوضى
  • تنشر تطبيقك على الإنترنت
  • تكتب اختبارات أساسية للمكوّنات

عن الدورة

لن تجد في هذه الدورة تطبيق قائمة مهام. المشاريع الثلاثة حقيقية: متجر إلكتروني صغير بسلة وواجهة عربية، ولوحة تحكم بمخططات وبيانات حقيقية، وتطبيق مجتمع بتعليقات وإعجابات. نبني كل مشروع من الصفر ونتوقف عند القرارات المعمارية: متى تنقل الحالة للأعلى، ومتى تحتاج مكتبة إدارة حالة أصلاً، وكيف تنظم المجلدات في مشروع ينمو. نغطي أيضاً الأخطاء الشائعة في إعادة الرسم والأداء، والاختبار الأساسي، والنشر. المشاريع بواجهات عربية من اليمين إلى اليسار.

محتوى الدورة

4 وحدة20 درسالمدة الإجمالية 2س 59د

أساس React5 درس42د
المشروع الأول: متجر صغير5 درس59د
  • هيكلة المشروعفيديوبعد الشراء16:37
  • بناء صفحة المنتجاتفيديوبعد الشراء16:58
  • سلة المشتريات وحالتهافيديو1بعد الشراء12:09
  • واجهة عربية من اليمين إلى اليسارفيديوبعد الشراء13:12
  • اختبار الوحدةاختباربعد الشراء00:00
المشروع الثاني: لوحة تحكم4 درس33د
  • جلب البيانات وحالات التحميلفيديوبعد الشراء09:31
  • معالجة الأخطاء بشكل لائقفيديوبعد الشراء08:03
  • المخططات والجداولفيديوبعد الشراء10:02
  • الأداء وإعادة الرسمفيديو1بعد الشراء05:52
المشروع الثالث: تطبيق مجتمع6 درس45د
  • التوجيه وتقسيم الصفحاتفيديوبعد الشراء04:06
  • التعليقات والإعجاباتفيديو1بعد الشراء14:58
  • المصادقة الأساسيةفيديوبعد الشراء12:24
  • اختبار المكوّناتاختباربعد الشراء00:00
  • النشر والمتابعةفيديوبعد الشراء13:33
  • الاختبار النهائياختباربعد الشراء00:00

المتطلبات

  • إتقان أساسيات JavaScript
  • معرفة بـ HTML و CSS
  • Node.js مثبت على جهازك

لمن هذه الدورة

  • من أنهى أساسيات JavaScript
  • مطوّرون ينتقلون من jQuery أو PHP
  • مطوّرو واجهات يريدون فرصاً أفضل

عن المدرب

جهات الاعتماد

  • الهيئة العامة للتعليم التطبيقي والتدريب

جهات معتمدة تُذكر على الشهادة الصادرة من هذه الدورة.

أسئلة متكررة

هل تغطي الدورة Next.js؟

المشروع الثالث مبني على Next.js، والوحدتان الأوليان على React الأساسي حتى تفهم ما الذي يضيفه الإطار فعلاً.

هل يوجد مراجعة للكود؟

نعم، تُرفع المشاريع في قناة المراجعة داخل المجتمع وأراجع أسبوعياً عيّنة منها في بث مباشر.

آراء المتدربين

4.8684 تقييم
  • 5نجوم
    84‎%‎
  • 4نجوم
    13‎%‎
  • 3نجوم
    2‎%‎
  • 2نجوم
    1‎%‎
  • 1نجوم
    0‎%‎

أحدث المراجعات

  • يعقوب الصايغ

    يعقوب الصايغ

    27 يوليو 2026

    محتوى مركّز ومباشر بدون مقدمات طويلة. كل دقيقة فيها معلومة تستفيد منها فعلاً.

  • صالح الحربي

    صالح الحربي

    13 يوليو 2026

    شرح ممتاز ومنظم، والأسئلة الشائعة في نهاية كل وحدة جاوبت على كل شي كان في بالي.

  • أثير القصبي

    أثير القصبي

    26 يونيو 2026

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

  • راشد الكعبي

    راشد الكعبي

    28 مايو 2026

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

  • بشاير المري

    بشاير المري

    17 أبريل 2026

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

  • خليفة السويدي

    خليفة السويدي

    24 فبراير 2026

    شرح وافٍ وأمثلة واقعية. أتمنى إضافة وحدة متقدمة لمن خلص الدورة.

دورات مشابهة

عرض كل دورات الفئة