تصميم المواقع باستخدام رياكت

مكتبة إنشاء واجهات المستخدم UI

4.3(91)9 ساعة و42 دقيقة34 درس6 قسم

ماذا ستتعلم؟

  • فهم أساسيات مكتبة رياكت
  • إنشاء مكونات تفاعلية
  • إدارة الحالة والمفاتيح بكفاءة
  • تصميم تطبيقات ويب ديناميكية
  • استخدام Hooks في رياكت
  • إتقان بناء واجهات مستخدم تفاعلية

عن الدورة

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

نتائج متوقعة من الدورة

  • فهم عميق لمفاهيم React وممارستها عمليًا.
  • القدرة على إنشاء تطبيقات ويب تفاعلية وحديثة.
  • إتقان استخدام أدوات مثل JSX، Hooks، والمكونات.
  • إنشاء مشروع نهائي يعكس المهارات المكتسبة خلال الدورة.

تقييمات المتدربين

التقييمات هنا من المتدربين الذين اشتروا الدورة وأكملوا50٪من المحتوى على الأقل — لا توجد تقييمات من شخص لم يطلع على المحتوى.
4.3
★★★★☆
91 تقييم
5★
32
4★
55
3★
4
2★
0
1★
0
    كن جزءا من تقييمات هذه الدورة

    كل تقييم هنا يساعد متدربا جديدا على الاختيار — شاركنا تجربتك بعد إكمال الدورة.

    محتوى الدورة

    1

    مقدمة عن React

    4 درس
    1. ماهى React6:55
    2. تثبيت الأدوات8:50
    3. إنشاء أول مشروع22:16
    4. أداة Code SandBox16:22
    2

    استخدام JSX مع React

    6 درس
    1. شرح JSX والمترجم Babel24:07
    2. تطبيق عملى بسيط5:25
    3. التعامل مع القيم15:23
    4. التعامل مع الستايل والخصائص24:13
    5. إضافة ستايل خاص للعناصر14:48
    6. التطبيق العملى21:39
    3

    المكون Component

    14 درس
    1. ما هو المكون Component؟29:53
    2. تعديل الكود للأبديت الجديد5:21
    3. تضمين المكون مع التطبيق العملي السابق11:09
    4. التعامل مع الموديل وشرح Import و Export25:52
    5. تطبيق عملى على الموديل10:19
    6. شرح الـ Props24:48
    7. تطبيق عملى على الـ Props33:17
    8. استخدام React DevTools15:32
    9. شرح الـ Map Method16:24
    10. تطبيق عملى على الـ Map Method30:47
    11. شرح لأهم الدوال المستخدمة19:17
    12. شرح الـ Arrow Function10:19
    13. التحكم فى العرض من خلال الشروط19:56
    14. تطبيق عملى12:15
    4

    شرح الـ Hooks

    5 درس
    1. مقدمة عن الـ State12:53
    2. شرح الـ UseState Hook29:29
    3. تطبيق عملى17:00
    4. التحكم فى الأحداث12:56
    5. التعامل مع الـ Form19:01
    5

    المشروع النهائى

    4 درس
    1. المرحلة الأولى25:34
    2. المرحلة الثانية8:01
    3. المرحلة الثالثة10:31
    4. المرحلة الرابعة21:31
    6

    الملحقات

    1 ملحقات
    1. تحميل ملفات المشروع النهائى

    المحاضر

    م/عمرو عبد الفتاح

    م/عمرو عبد الفتاح

    مهندس أنظمة حاسوب متخصص في تطوير تطبيقات الهواتف ومواقع الإنترنت، عمل على تطوير منصات ومواقع شهيرة.
    7,112 متعلم20 دورة