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

React Deep Dive
(16)

تعلم واحدة من أقوى وأشهر تقنيات تطوير الويب في العالم، وقم ببناء تطبيقات ويب سريعة وقوية بكفاءة عالية!

سعر الدورة $30
اشترك الآن
تصفح المنهج
  • +500طالب
  • 58درس
  • 12قسم
  • 31اختبار
  • متوسطالمستوى
عن الدورة

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

تعلم واحدة من أقوى وأشهر تقنيات تطوير الويب في العالم، وقم ببناء تطبيقات ويب سريعة وقوية بكفاءة عالية!

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

لماذا تختار دورة React Deep Dive؟

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

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

سجل اليوم في الدورة وابدأ رحلتك نحو أن تصبح مطور ريأكت محترف!

تشمل الدورة

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

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

منهج الدورة

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

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

محتوى الدورة

  1. 1
    المقدمة
  2. 2
    مواد الدورة
  3. 3
    الآثار الجانبية9 دروس · 3 اختبارات
    1. مقدمة إلى الآثار الجانبية
    2. مختصر كتابي: Introduction to side effects
    3. اختبار قصير: Introduction to side effects
    4. استخدام الخطّاف useEffect
    5. اعتماديات الخطّاف useEffect
    6. استخدام useEffect مع localStorage
    7. مختصر كتابي: useEffect with localStorage
    8. اختبار قصير: useEffect with localStorage
    9. التنظيف في useEffect: المثال 1
    10. مختصر كتابي: useEffect cleanup example 1
    11. التنظيف في useEffect: المثال 2
    12. اختبار الأثار الجانبية (Side effects)
  4. 4
    دوال Reducer في React4 دروس · 2 اختباران
    1. مشكلات useState مع الحالة المعقدة
    2. استخدام الخطّاف useReducer – الجزء 1
    3. مختصر كتابي: Using useReducer hook 01
    4. اختبار قصير: Using useReducer hook 01
    5. استخدام الخطّاف useReducer – الجزء 2
    6. اختبار دوال Reducer في React
  5. 5
    السياق Context في React12 درسًا · 3 اختبارات
    1. مشكلة السياق 1: توحيد قيمة التاريخ
    2. مشكلة السياق 2: إجمالي السعرات الحرارية
    3. استخدام Context API
    4. مختصر كتابي: Using context api
    5. اختبار قصير: Using context api
    6. الخطّاف useContext
    7. مختصر كتابي: useContext react hook
    8. اختبار قصير: useContext react hook
    9. مزوّد سياق مخصص
    10. مختصر كتابي: Custom context provider
    11. نقل منطق التاريخ إلى السياق
    12. إصلاح خطأ برمجي
    13. حدود السياق Context في React
    14. مختصر كتابي: React Context limitations
    15. اختبار React Context
  6. 6
    نظرة أعمق في React16 درسًا · 4 اختبارات
    1. حدود JSX في React
    2. مختصر كتابي: React JSX limitations
    3. المكوّن المغلِّف Wrapper
    4. مختصر كتابي: Wrapper Component
    5. عنصر Fragment في React
    6. مختصر كتابي: React fragments
    7. اختبار قصير: React fragments
    8. البوابات Portals في React
    9. مختصر كتابي: React portals
    10. اختبار قصير: React portals
    11. العمل مع البوابات Portals
    12. مختصر كتابي: Working with portals
    13. الخطّاف useRef
    14. مختصر كتابي: useRef
    15. اختبار قصير: useRef
    16. استخدام ref كحاوية للقيم
    17. استخدام forwardRef
    18. مختصر كتابي: using forwardRef
    19. إعادة هيكلة حقل إدخال النموذج
    20. اختبار نظرة أعمق في ريأكت (React Deep dive)
  7. 7
    تحسين الكفاءة14 درسًا · 6 اختبارات
    1. كيف يعمل React فعليًا؟
    2. مختصر كتابي: ?How react really works
    3. اختبار قصير: ?How react really works
    4. إعادة التقييم مقابل إعادة العرض
    5. مختصر كتابي: Reevaluation vs re-render
    6. اختبار قصير: Reevaluation vs re-render
    7. استخدام memo في React
    8. مختصر كتابي: Using react memo
    9. استخدام الخطّاف useCallback
    10. مختصر كتابي: Using react useCallback
    11. اختبار قصير: Using react useCallback
    12. الجدولة وتجميع التحديثات
    13. مختصر كتابي: Scheduling and batching
    14. اختبار قصير: Scheduling and batching
    15. استخدام الخطّاف useMemo
    16. مختصر كتابي: Using react useMemo
    17. اختبار قصير: Using react useMemo
    18. قواعد الخطّافات Hooks
    19. مختصر كتابي: Rules of hooks
    20. اختبار تحسين الكفاءة (Performance Optimization)
  8. 8
    تحليل المشاكل والأخطاء4 دروس · 1 اختبار
    1. رسائل الخطأ في React
    2. استخدام المصحِّح Debugger ونقاط التوقف
    3. استخدام أدوات React DevTools
    4. ملخص
    5. اختبار تحليل المشاكل والأخطاء
  9. 9
    توجيه المسارات21 درسًا · 3 اختبارات
    1. صفحات متعددة في تطبيق واحد
    2. مختصر كتابي: Multiple pages in a single app
    3. اختبار قصير: Multiple pages in a single app
    4. إعداد React Router
    5. تعريف المسارات
    6. مختصر كتابي: Defining routes
    7. التنقل باستخدام الروابط
    8. مختصر كتابي: Navigation with links
    9. التخطيطات والمسارات المتداخلة 1
    10. مختصر كتابي: Layouts and nested routes 1
    11. اختبار قصير: Layouts and nested routes 1
    12. العمل مع روابط التنقل
    13. مختصر كتابي: Working with navigation links
    14. عرض صفحة الخطأ
    15. مختصر كتابي: Showing error page
    16. التنقل برمجيًا
    17. مختصر كتابي: Navigation programmatically
    18. المسارات الديناميكية
    19. إصلاح مزوّد السياق
    20. المسار النسبي مقابل المسار المطلق
    21. مختصر كتابي: Relative path vs absolute path
    22. مطابقة نهاية المسار في NavLink باستخدام end
    23. المسار الافتراضي index
    24. اختبار توجيه المسارات (Routing)
  10. 10
    التواصل مع واجهات التطبيق البرمجية12 درسًا · 4 اختبارات
    1. معمارية العميل والخادم
    2. مختصر كتابي: Client Server Architecture
    3. اختبار قصير: Client Server Architecture
    4. إعداد المشروع وواجهة API
    5. إرسال طلب HTTP باستخدام Fetch API
    6. مختصر كتابي: Send http request using fetch api
    7. استخدام async/await
    8. حالة التحميل
    9. معالجة الأخطاء
    10. مختصر كتابي: Error handling
    11. اختبار قصير: Error handling
    12. إنشاء سجل باستخدام طلب POST
    13. مختصر كتابي: Create record using Post request
    14. اختبار قصير: Create record using Post request
    15. تنفيذ صفحة التفاصيل
    16. اختبار التواصل مع واجهات التطبيق البرمجية (API Calls)
  11. 11
    الخطّافات المخصصة في React11 درسًا · 2 اختباران
    1. مقدمة إلى الخطّافات المخصصة
    2. إنشاء خطّاف مخصص لإعادة التوجيه
    3. مختصر كتابي: Create Custom Redirect Hook
    4. اختبار قصير: Create Custom Redirect Hook
    5. إنشاء خطّاف تحميل البيانات
    6. استخدام خطّاف تحميل البيانات
    7. نقل النموذج إلى صفحة مستقلة
    8. تبسيط صفحة القائمة
    9. إصلاحات الجزء 1: نقل زر التتبع إلى الأعلى
    10. إصلاحات الجزء 2: إضافة شريط خطأ الحفظ
    11. إصلاحات الجزء 3: إضافة رابط رجوع في صفحة التفاصيل
    12. إضافة زر حذف السجل
    13. اختبار الخطّافات المخصصة في React (Custom Hooks)
  12. 12
    الخاتمة
  1. الاختبار النهائي
    1. الاختبار النهائي للدورة
المعلم

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

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

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

آراء الطلاب

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

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

4.8
متوسط التقييمات
16 عدد التقييمات
5
13
4
2
3
1
2
0
1
0
كيف كانت تجربتك؟ نود أن نعرف!
abdo96
تم النشر قبل 23 يومًا
كورس روعة ودسم وفي كلام كثير ومحتاج إعادة وتطبيق كذا مرة

كورس روعة ويغطي اغلب الجوانب

Yasser Ayoub Owias
تم النشر قبل 3 أشهر
مشاء الله شرح فوق الروعة

بارك الله فيكم ونفع بنا وبكم

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

من أفضل الكورسات اللي ركزت على كواليس ريأكت وإدارة الحالة (State) بشكل مفهوم وعملي. الكورس بياخدك خطوة بخطوة عشان تبني تطبيق سريع ومستقر، وبيركز جداً على حل المشاكل اللي بنقابلها فعلياً في الشغل.

Elsayed Bondok
تم النشر قبل 5 أشهر
فوق المتوقع

صراحة - ما ظنيت أن هذه الدورة ستكون بهذه القوة والعمق التقني والتمكن - هي مرجع مهم جداً للمحترفين - ومنهج بناء خبرة للمبتدئين - وفق الله المهندس أحمد علي وبقية الفريق المميزين

Amr Khaled
تم النشر قبل سنة واحدة
دورة ممتازة وأنصح بها بشدة

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

عبدالرحمن اسماعيل أحمد
تم النشر قبل سنتين
دورة ممتازة ولكن

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

Ahmed Soliman
تم النشر قبل سنتين
كورس مميز

شرح متعمق وجميل جدا بارك الله فيكم ونفع بكم يارب❤️❤️

Taleb Alnohoud
تم النشر قبل سنتين
دورة قيمة وشرح ممتاز لكن يوجد مشاكل يجب حلها

القسم الخاص بالabi وال custom hooks يجب اعادة شرحه لانه كان خالي من التطبيق العملي لوجود عدة اسباب -صعوبة الحصول على المرفقات -حذف المشروع الذي قمت بكتابته وتنزيل المشروع مره اخرى من github -صعوبة عمل setup للمشروع -المشروع مكتمل على github ويصعب التعامل معه والتطبيق العملي مع الشرح خطوة بخطوة باختصار شديد ينتهي التطبيق العملي الواضح عند الوصول لاخر قسمين بالكورس كل الاحترام وجزاكم الله كل خير

Alaa Elsayed Mohammed
تم النشر قبل سنتين
دورة دسمة جدا ولكن

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

مازن سلطان عبدالجليل عبدالنور
تم النشر قبل سنتين
دورة متقدمة بجد

دسمة بالمواضيع المتقدمة التي يحتاج لها تركيز عالي واعادة اكثر من مره لتثبيت المعلومة

لديك سؤال؟

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

 يجب أن يكون لديك بعض المعرفة الأساسية بـ HTML و CSS و JavaScript. وكذلك بعض أساسيات مكتبة ReactJS. ننصحك بالتسجيل في دورة أساسيات ReactJs  أولًا قبل التسجيل في هذه الدورة

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

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

ابدأ React Deep Dive اليوم

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

اشترك الآن
تصفح المنهج