React JS

React JS

ارتقِ بمهاراتك في تطوير واجهات المستخدم مع دورة React JS المتقدمة، التي تضم 34 جلسة تأخذك من إنشاء المشروع وفهم بنية المجلدات إلى بناء واجهات تفاعلية قابلة لإعادة الاستخدام والتوسع. تعمّق في المكوّنات الوظيفية والصنفية وصياغة JSX، وتعلّم توظيف الخصائص Props والعناصر الأبناء Children والحالة State لتنظيم البيانات والتحكم في سلوك الواجهة. طوّر قدرتك على معالجة الأحداث وتمرير الدوال عبر الخصائص والعرض الشرطي وعرض القوائم، مع فهم المفاتيح Keys وتأثير استخدام الفهرس كمفتاح، وإدارة النماذج وتنسيق المكوّنات بفئات متعددة. استكشف دورة حياة المكوّنات عند التركيب والتحديث، واستخدم Fragments والمراجع Refs وتمريرها، ثم وظّف Context لمشاركة البيانات واربط الواجهة بالخدمات عبر طلبات HTTP من نوعي GET وPOST. تتبع كل جلسة أسئلة اختبار قصيرة من 5 أسئلة مع نتيجة فورية، لتراجع فهمك وتحدّد النقاط التي تحتاج إلى تعزيز. وعند إكمال الدورة، تحصل على شهادة إتمام توثّق إنجازك وتدعم رحلتك نحو تطوير تطبيقات React أكثر تنظيمًا وتفاعلية.

ماذا ستتعلم

  • إنشاء مشروع React وتنظيم بنيته وبناء مكوّنات وظيفية وصنفية قابلة لإعادة الاستخدام باستخدام JSX.
  • إدارة بيانات المكوّنات باستخدام Props وChildren وState، وتطبيق تفكيك القيم وتمرير الدوال لتنسيق التفاعل بين المكوّنات.
  • تنفيذ معالجة الأحداث والعرض الشرطي وعرض القوائم، واختيار مفاتيح مناسبة مع فهم قيود استخدام الفهرس كمفتاح.
  • بناء نماذج تفاعلية وإدارة مدخلاتها، وتنسيق المكوّنات باستخدام الأنماط والفئات المتعددة.
  • توظيف دورة حياة المكوّنات عند التركيب والتحديث، واستخدام Fragments وRefs وتمرير المراجع للتحكم في بنية العرض والوصول إلى العناصر.
  • مشاركة البيانات بين المكوّنات باستخدام Context، وتنفيذ طلبات HTTP من نوعي GET وPOST لجلب البيانات وإرسالها.

محتوى الكورس

  1. 1مقدمة في React
  2. 2إنشاء مشروع React
  3. 3بنية مجلدات المشروع
  4. 4المكونات
  5. 5المكونات الدالية
  6. 6المكونات الصنفية
  7. 7صيغة JSX
  8. 8الخصائص في React
  9. 9المحتوى المتداخل عبر children
  10. 10الحالة في React
  11. 11أنواع قيم الحالة
  12. 12الحالة في المكوّنات الصنفية ومراجعتها
  13. 13تفكيك القيم
  14. 14معالجة الأحداث
  15. 15تمرير الدوال عبر الخصائص
  16. 16العرض الشرطي
  17. 17عرض القوائم
  18. 18مفاتيح عناصر القوائم
  19. 19استخدام الفهرس كمفتاح
  20. 20تنسيق المكونات
  21. 21استخدام فئات CSS متعددة
  22. 22التعامل مع النماذج
  23. 23دورة حياة تركيب المكوّن
  24. 24دورة حياة componentDidUpdate
  25. 25الأجزاء في React
  26. 26المراجع في React
  27. 27المراجع في المكونات الصنفية
  28. 28تمرير المراجع
  29. 29تمرير الدوال عبر الخصائص
  30. 30السياق في React
  31. 31حالات استخدام السياق
  32. 32مقدمة في HTTP
  33. 33طلبات HTTP GET
  34. 34طلبات HTTP POST

ماذا يقول طلابنا عن هذا الكورس

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

آراء المتعلمين

قيّم الكورس واترك تعليقك

سجّل الدخول للتقييم
  • لا توجد تعليقات بعد — كن أول من يشارك رأيه.