Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
تعلم اساسيات الريأكت في ساعتين فقط
Rating: 4.6 out of 5(27 ratings)
460 students

تعلم اساسيات الريأكت في ساعتين فقط

Learn React Basics In Two Hours! For Free
Last updated 1/2025
Arabic
Arabic [Auto],

What you'll learn

  • التعرف على مكتبة ريأكت وكيفية استخدامها لبناء واجهات المستخدم الديناميكية.
  • فهم مفهوم المكونات (Components) وكيفية استخدامها لتقسيم واجهات المستخدم إلى أجزاء صغيرة وقابلة لإعادة الاستخدام.
  • تعلم كيفية إعداد بيئة تطوير ريأكت على جهازك باستخدام أدوات مثل Node.js وNPM.
  • كيفية إنشاء مكونات وظيفية باستخدام دوال JavaScript.
  • العمل مع المكونات ذات الحالة (State) وتحديث البيانات داخل المكونات.
  • تعلم كيفية جلب البيانات من واجهات برمجة التطبيقات (APIs) مثل REST APIs باستخدام أدوات مثل Axios أو Fetch.

Course content

1 section • 26 lectures • 1h 58m total length
  • Introduction - ReactJS Arabic Tutorial3:48
  • Create Project - ReactJS Arabic Course4:06
  • Folder Structure - ReactJS Arabic Course5:43
  • Components - ReactJS Arabic Course2:55
  • Functional Components - ReactJs Arabic Course6:16
  • Class Component - ReactJS Arabic Course2:15
  • JSX - ReactJS Arabic Course5:29
  • Props - ReactJS Arabic Course4:07
  • Children - ReactJS Arabic Course2:12
  • State - ReactJS Arabic Coures7:07
  • State Types - ReactJS Arabic Course5:06
  • State wtih Class & Recap - ReactJS Arabic Course5:25
  • Destructuring - ReactJS Arabic Course3:31
  • Event Handling - ReactJS Arabic Course6:09
  • Methods in Props - ReactJS Arabic Course5:12
  • Conditional Rendering - ReactJS Arabic Course5:34
  • List Rendering - ReactJS Arabic Course3:32
  • Keys - ReactJS Arabic Course2:40
  • Index Key - ReactJS Arabic Course6:36
  • Styles - ReactJS Arabic Course6:09
  • Multiple Classes - ReactJS Arabic Course4:13
  • Form Handling - ReactJS Arabic Course6:44
  • Component Mounting Lifecycle - ReactJS Arabic Course3:32
  • Component Updating Lifecycle - ReactJS Arabic Course2:46
  • Fragments - ReactJS Arabic Course3:33
  • Refs - ReactJS Arabic Course3:37

Requirements

  • معرفة أساسية بـ HTML و CSS: لأن هذه الدورة تستهدف الأشخاص الذين لديهم فكرة أساسية عن تطوير الويب.
  • معرفة أساسية بالجافاسكربت
  • رغبة قوية في التعلم: الحماس والرغبة في تعلم تقنيات تطوير الويب الحديثة والقدرة على تنفيذ التطبيقات في بيئة تطوير حقيقية.

Description

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


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


ما ستتعلمه في هذه الدورة:


  • مقدمة في React: التعرف على مفهوم React وكيف يمكنه تحسين تجربة تطوير التطبيقات. تعلم كيفية عمل المكونات (Components) والتفاعل مع DOM بطريقة فعّالة.

  • المكونات (Components): تعلم كيفية تقسيم التطبيق إلى مكونات صغيرة وقابلة لإعادة الاستخدام، وكيفية استخدام المكونات المركبة لتسهيل تطوير التطبيقات.

  • الحالة (State) و props: ستتعلم كيفية إدارة حالة التطبيق باستخدام State وتمرير البيانات بين المكونات باستخدام props بطريقة فعّالة.

  • المزايا المتقدمة مثل Hooks: فهم كيفية استخدام useState و useEffect و useContext وغيرها من الحلقات لإدارة الحالة والتفاعل مع بيانات التطبيق.

  • التفاعل مع البيانات (API Integration): تعلم كيفية جلب البيانات من API (مثل RESTful APIs) وعرضها بشكل ديناميكي داخل التطبيق باستخدام تقنيات React المتقدمة.

  • التوجيه باستخدام React Router: تعلم كيفية التنقل بين الصفحات المختلفة داخل التطبيق باستخدام React Router، وكيفية تنظيم التطبيق بناءً على التوجيه.

  • إدارة البيانات باستخدام Redux: مقدمة إلى إدارة الحالة المعقدة باستخدام Redux وكيفية تكاملها مع React لتسهيل إدارة البيانات في تطبيقات كبيرة.

  • التفاعل مع واجهات API: تعلم كيفية التعامل مع واجهات API بشكل ديناميكي وكيفية استخدام Axios أو Fetch للحصول على البيانات من خوادم مختلفة.

  • تحسين الأداء والتعامل مع المكونات الثقيلة: استراتيجيات لتسريع أداء التطبيق وتحسين تجربة المستخدم باستخدام تقنيات متقدمة مثل lazy loading وmemoization.

  • أفضل الممارسات في تطوير React: تعلم كيفية كتابة كود نظيف، قابل للتوسع والصيانة، مع الحفاظ على أفضل الممارسات في التصميم والتنظيم.

من هو المستفيد من هذه الدورة؟


  • المبتدئون في تطوير الويب: إذا كنت قد بدأت للتو في تعلم React وترغب في فهم أساسياته وتطبيقاته العملية.

  • المطورون الذين يريدون تعزيز مهاراتهم: إذا كنت قد بدأت العمل مع React ولكنك ترغب في تعلم تقنيات متقدمة مثل Hooks وRedux وAPI Integration.

  • الطلاب والمهنيون الذين يسعون إلى تطوير تطبيقات ويب تفاعلية: إذا كنت ترغب في تعلم كيفية بناء تطبيقات تفاعلية وقوية باستخدام React وتصبح مطور React محترف.

  • كل من يرغب في تعلم البرمجة باللغة العربية: تعلم React بلغة عربية سيساعدك في الحصول على فهم أعمق للموضوع دون الحاجة للبحث عن ترجمة المفاهيم التقنية.

ماذا ستحتاج؟


  • معرفة أساسية بـ HTML و CSS: لأن هذه الدورة تستهدف الأشخاص الذين لديهم فكرة أساسية عن تطوير الويب.

  • رغبة قوية في التعلم: الحماس والرغبة في تعلم تقنيات تطوير الويب الحديثة والقدرة على تنفيذ التطبيقات في بيئة تطوير حقيقية.

ماذا ستستفيد من هذه الدورة؟


  • مهارات تطوير تطبيقات الويب الحديثة: تعلم تقنيات التطوير الأحدث التي يستخدمها أفضل مطوري الويب في صناعة البرمجيات.

  • بناء مشاريع حقيقية: تطبيق المفاهيم التي تعلمتها في مشاريع حقيقية تساعدك على بناء محفظة قوية من تطبيقات الويب.

  • دعم مستمر: خلال الدورة، ستتمكن من التواصل معنا للحصول على الدعم والمساعدة في أي مرحلة من التعلم.

انضم إلى هذه الدورة التدريبية وابدأ رحلتك في تعلم React وتطوير مهاراتك في بناء تطبيقات ويب تفاعلية وقوية، وتفاعل مع مجتمع من المطورين الذين يتحدثون العربية. تعلم React الآن وكن جزءاً من المستقبل!

Who this course is for:

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