مسار الدليل الشامل لتعلم React

أساسيات React
(27)

هل ترغب في تعلم كيفية إنشاء تطبيقات ويب احترافية باستخدام مكتبة ReactJS؟

سعر الدورة $30
  • +500طالب
  • 94درس
  • 11أقسام
  • 32اختبار
  • متوسطالمستوى
عن الدورة

تعرّف على الدورة

هل ترغب في تعلم كيفية إنشاء تطبيقات ويب احترافية باستخدام مكتبة ReactJS؟

ReactJS هي مكتبة JavaScript قوية تُستخدم لإنشاء تطبيقات ويب ديناميكية وتفاعلية. وهي واحدة من أكثر المكتبات شعبية في العالم، وتستخدمها العديد من الشركات الكبرى مثل Facebook و Netflix و Airbnb.

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

سنكون معك خطوة بخطوة لنتأكد من إتقانك لمبادئ ReactJS، مع التأكيد على تطبيق ما تتعلمه من خلال التدريب العملي، لكي تبني الثقة في قدرتك على استخدام مهاراتك الجديدة في بيئة عمل تحاكي ما يحدث في الحقيقية.

هناك العديد من الأسباب التي تجعلك تختار هذه الدورة لتعلم ReactJS:

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

ماذا تنتظر؟ اشترك الآن في هذه الدورة وابدأ تعلم ReactJS اليوم!

تشمل الدورة

  • شهادة موثقة
  • قياس مستوى التقدم والانجاز عبر الدورة
  • إجابة من مشرفي الطلاب على كل الأسئلة
  • فاعليات حصرية
  • شارات تميز للطلبة المتقدمين
  • اشعارات تذكير وتحفيز لإنهاء الدورة
  • اشتراك مدى الحياة
سعر الدورة $30

دفع آمن ووصول فوري للدورة

منهج الدورة

ماذا ستتعلم خطوة بخطوة

اضغط على أي قسم لعرض دروسه. الدروس المجانية متاحة للمشاهدة قبل الاشتراك.

محتوى الدورة

  1. 1
    المقدمة3 دروس يحتوي على دروس مجانية
    1. مقدمة الدورة درس مجاني
    2. كيفية التعامل مع الدورة درس مجاني
    3. تجهيز بيئة العمل درس مجاني
  2. 2
    مواد الدورة
  3. 3
    مقدمة لمكتبة React5 دروس · 1 اختبار
    1. ما هي React؟
    2. مختصر كتابي: ما هي ريأكت
    3. المقارنة بين React و JavaScript التقليدية
    4. React وتطبيقات الصفحة الواحدة
    5. مختصر كتابي: ريأكت وتطبيقات الصفحة الواحدة
    6. اختبار: مقدمة لمكتبة React
  4. 4
    أساسيات React25 درسًا · 2 اختباران
    1. ما هي العناصر؟
    2. مختصر كتابي: ما هي العناصر؟
    3. مقارنة الكود التصريحي بالإلزامي
    4. مختصر كتابي: مقارنة الكود التصريحي باللإلزامي
    5. إنشاء مشروع React
    6. مختصر كتابي: انشاء مشروع ريأكت (Create React Project)
    7. هيكل مشروع React
    8. ما هو JSX؟
    9. مختصر كتابي: ?What is JSX
    10. كيف تعمل React؟
    11. بناء عنصر مخصص
    12. قيود JSX
    13. تنسيق أساسي للعناصر
    14. ربط البيانات بـ JSX
    15. مختصر كتابي: Binding data to JSX
    16. تمرير البيانات إلى العناصر
    17. مختصر كتابي: Passing data to components
    18. اختبار قصير: Passing data to components
    19. إضافة كود JavaScript إلى العنصر
    20. تقسيم العناصر
    21. الخاصية children
    22. مختصر كتابي: Children prop
    23. تمرين بناء العناصر
    24. شرح JSX بالتفصيل
    25. تنظيم ملفات العناصر
    26. كتابة العنصر كدالة سهمية
    27. اختبار أساسيات ريأكت (React Basics)
  5. 5
    حالة العنصر23 درسًا · 3 اختبارات
    1. الاستماع إلى الأحداث
    2. مختصر كتابي: Listening to Events
    3. اختبار قصير: Listening to Events
    4. كيف يتم تنفيذ دوال العناصر؟
    5. مقدمة في إدارة الحالة
    6. مختصر كتابي: Introduction to State Management
    7. اختبار قصير: Introduction to State Management
    8. نظرة أعمق على الخطّاف useState
    9. مختصر كتابي: Closer look at useState
    10. إضافة حقول الإدخال إلى النموذج
    11. إرسال النموذج بالطريقة القديمة
    12. مختصر كتابي: Form submit old way
    13. التعامل مع مدخلات المستخدم
    14. حالة واحدة مقابل حالات متعددة
    15. مختصر كتابي: Single state vs multiple states
    16. تحديث الحالة بناءً على الحالة السابقة
    17. مختصر كتابي: Update state from previous state
    18. استخدام النماذج
    19. الربط ثنائي الاتجاه
    20. مختصر كتابي: Two way binding
    21. إرسال البيانات من العنصر الابن إلى العنصر الأب
    22. مختصر كتابي: Send child information to parent
    23. رفع الحالة إلى الأعلى
    24. العناصر المتحكَّم بها وغير المتحكَّم بها
    25. مختصر كتابي: Controlled vs uncontrolled components
    26. اختبار حالة العنصر (Component State)
  6. 6
    عرض القوائم5 دروس · 1 اختبار
    1. عرض قائمة من البيانات
    2. مختصر كتابي: Rendering List of Data
    3. استخدام القوائم ذات الحالة
    4. لماذا تُعد المفاتيح (keys) مهمة في القوائم؟
    5. مختصر كتابي: ?Why Keys are important to Lists
    6. اختبار: عرض القوائم
  7. 7
    العرض الشرطي4 دروس · 1 اختبار
    1. السلوك الشرطي
    2. مختصر كتابي: Conditional behavior
    3. إضافة تنسيقات متغيرة
    4. مختصر كتابي: Dynamic style change
    5. اختبار العرض الشرطي (Conditional Rendering)
  8. 8
    التصميم المتغير12 درسًا · 2 اختباران
    1. مقدمة في التنسيق
    2. مختصر كتابي: Introduction to styling
    3. اختبار قصير: Introduction to styling
    4. أسماء أصناف CSS
    5. مختصر كتابي: CSS class names
    6. مكتبة styled-components
    7. مختصر كتابي: Styled components
    8. خصائص styled-components
    9. مختصر كتابي: Styled component props
    10. استعلامات الوسائط في styled-components
    11. استخدام CSS Modules
    12. مختصر كتابي: Using CSS modules
    13. التنسيق المتغير باستخدام CSS Modules
    14. اختبار التصميم المتغير (Dynamic Styling)
  9. 9
    تدريب عملي11 درسًا · 1 اختبار
    1. تحويل ملفات CSS إلى CSS Modules
    2. إضافة ألوان السمة
    3. تنسيق النموذج باستخدام ألوان السمة
    4. تطبيق تخطيط Grid على النموذج
    5. تطبيق السمة على قائمة السجلات
    6. إضافة قسم القائمة
    7. التصفية حسب التاريخ
    8. إضافة نافذة منبثقة للنموذج
    9. إضافة زر إلغاء للنموذج
    10. محتوى بديل للقائمة الفارغة
    11. إصلاح الأخطاء
    12. اختبار: التدريب العملي
  10. 10
    الخاتمة
  1. الاختبار النهائي
    1. الاختبار النهائي للدورة
المعلم

تعلّم على يد م. أحمد علي

  • م. أحمد علي
    م. أحمد علي

    مهندس برمجيات ذو خبرة أكثر من عشر سنوات. عمل في أكبر شركات العالم مثل مايكروسوفت وجوجل وميتا، ويعمل حاليًا كمهندس برمجيات في Amazon Web Services (AWS). يمتلك مجموعة متوازنة من الخبرات والمهارات بين تقنيات الواجهة الأمامية والخلفية. هذا بجانب خبرته في تبسيط مواضيع كالخوارزميات وهياكل البيانات على قناته التعليمية على اليوتيوب.

آراء الطلاب

ماذا قال الطلاب عن الدورة

التقييمات والمراجعات

5.0
متوسط التقييمات
27 عدد التقييمات
5
26
4
1
3
0
2
0
1
0
كيف كانت تجربتك؟ نود أن نعرف!
abdo96
تم النشر قبل 19 يومًا
الدقة والتعرض للخطأ ثم أصلحه فورًا

طريقة تفكير البشمهندس والكلام عن التفاصيل اللي خاصة بفهم ما وراء الكود 2- تعمد عرض الأخطاء ومحاولة إصلاحه وكيف يتم اصلاحه. 3- كورس متدرج .. يبدأ معك من التعريف بريأكت بدقة إلى أن يصل إلى التعديل بالcss بشرط يعني تظهر أو تخفي سلوك معين في الcss أو ال html بشرط متغير. 4- طبق عملي على مشروع ومحاولة التحسين في آخر سيكشن للشكل .. 5- أهم ما تعملته المكونات وحل مشكلة تكرار الrendering

محمد ابوعيسى
تم النشر قبل 28 يومًا
شرح واضح و فيه مجهود كبير

اعجبني طريقة التفكير و البحث

Anas Bayoumi
تم النشر قبل 3 أشهر
شغل جميل جدا ومنظم ومتعوب عليه

حقيقي الدورات كلها فيها معلومات مهمة جده وانا استفدت من كل حاجة

Mohamed Nasser Abdalla
تم النشر قبل 5 أشهر
تجربة تعلم مشجعة وبسيطة

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

Elsayed Bondok
تم النشر قبل 5 أشهر
الإبداع ليس له حدود

أعجبني التمكن الواضح الذي أظهره الباشمهندس أحمد علي، فهو ليس فقط مهندس برمجيات ولكن مدرس محترف - يستطيع توصيل المعلومة بسهولة - وتبسيط المعقد منها بوضوح - وفقكم الله جميعاً - خوفي أن لا يكون هناك جديد في المدرسة ( واضح أن تواريخ التسجيل منذ 2023 ونحن الآن 2026 ) - الدنيا تغيرت كثيراً وأكيد هناك الجديد لأن المنافسة في عالم الذكاء الاصطناعي ضرب نار - فأرجو تطمين المتدربين بأنكم مازلتم متواجدون وبنفس أو أكثر قوة - هذا ما يسعدنا

مريم زكريا
تم النشر قبل 6 أشهر
إتقان الشرح وتبسيط المعلومة وفهم ما وراء الكواليس

حقيقي كورس ممتاز جدا التدرج في توصيل المعلومات بدون ملل وده كما عهدناه في منصة المدرسة ويزيد عليه البشمهندس أحمد على القدرة الفائقة على توصيل المعلومة بدقة وفهم ما وراء الكواليس والتسلسل والسلاسة أول مرة أشوف إتقان الشرح رغم أني لأول مرة أتعامل مع ال react جزاكم الله خيرا حقيقي أكثر من رائع يا بشمهندس أحمد على ألف شكر

basel_serhan
تم النشر قبل 8 أشهر
دورة مناسبة للمبتدئين

كورس ممتاز يشرح الأساسيات بشكل واضح وسلس

Mohamed Tamer
تم النشر قبل 12 شهرًا
صلي ع النبي

10/10

Ahmed Fathy
تم النشر قبل سنة واحدة
⭐⭐⭐⭐⭐

⭐⭐⭐⭐⭐

SidiAhmed Aboubekar
تم النشر قبل سنة واحدة
الحمدلله حق حمده

كورس منظم ومناسب جدا لمبتدئ مثلي وغني بالمعلومات شكرا جزيلا الأستاذ أحمد علي

لديك سؤال؟

الأسئلة الشائعة

كل ما تحتاجه هو جهاز كمبيوتر متصل بالإنترنت وبعض المعرفة الأساسية بـ HTML و CSS و JavaScript.

يمكنك التواصل في أي وقت بالمدربين أو فريق الدعم عبر البريد الإلكتروني أو الدردشة. سيكونون سعداء بمساعدتك في أي أسئلة أو استفسارات قد تكون لديك.

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

ابدأ أساسيات React اليوم

اشتراك مدى الحياة، شهادة إتمام، ودعم من فريق المدرسة طوال رحلتك.