تخطَّ إلى المحتوى

دورة

React Deep Dive
(16)

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

غير مسجل

اشترك في الدورة

دورة تتضمن

12 أقسام
103 المواضيع
29 الإختبارات
شهادة دورة

12أقسام
103درسًا
29اختبارًا
شهادةإتمام

المحاضرأحمد علي

🚀 اكتشف عالم ريأكت: دليلك الشامل لتحقيق الاحتراف 🚀

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

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

ماذا ستتعلم في هذا الكورس المميز؟

الأثار الجانبية (Side Effects): سنعرض لك كيفية التعامل مع الأثار الجانبية في تطوير تطبيقات ريأكت وكيف تجعل تطبيقاتك أكثر استقرارًا وأمانًا.
React Reducers: ستتعلم كيفية استخدام Reducers لإدارة حالة تطبيقك بكفاءة، مما يسهل عليك تنظيم وتتبع البيانات.
React Context: سنستكشف كيفية استخدام React Context لإدارة الحالة عبر مكونات تطبيقك دون الحاجة إلى تمرير البيانات يدويًا.
نظرة أعمق في ريأكت: سنقدم لك رؤية عميقة في عمل ريأكت وكيفية تحسين أداء تطبيقاتك وجعلها أكثر فعالية.
تحسين الكفاءة: سنعلمك أفضل الممارسات لتحسين أداء تطبيقاتك وجعلها تعمل بسلاسة وبسرعة.
تحليل المشاكل والأخطاء: ستتعلم كيفية تتبع وتحليل المشاكل والأخطاء في تطبيقاتك بفعالية، مما يجعل عملية تطويرك أسهل.
توجيه المسارات: سنستعرض كيفية تنظيم تطبيقك وإضافة توجيه له لجعل تجربة المستخدم أكثر تفاعلية.
التواصل مع واجهات التطبيق البرمجية: سنعلمك كيفية الاتصال بواجهات التطبيق البرمجية (APIs) واستخدام البيانات الخارجية في تطبيقاتك.

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

💡 احجز مقعدك الآن واستعد لتحقيق إنجازات رائعة في عالم تطوير الويب!💡

محتوى الدورة

1
المقدمة
2
مواد الدورة
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
دوال 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
السياق 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
نظرة أعمق في 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
تحسين الكفاءة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
تحليل المشاكل والأخطاء4 دروس · 1 اختبار
1. رسائل الخطأ في React
2. استخدام المصحِّح Debugger ونقاط التوقف
3. استخدام أدوات React DevTools
4. ملخص
5. اختبار تحليل المشاكل والأخطاء
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
التواصل مع واجهات التطبيق البرمجية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
الخطّافات المخصصة في 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
الخاتمة

الاختبار النهائي
1. الاختبار النهائي للدورة

عن المعلم

أحمد علي

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

7 الدورات

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

4.8

متوسط التقييمات

16 عدد التقييمات

5

13

4

2

3

1

2

0

1

0

كيف كانت تجربتك؟ نود أن نعرف!

abdo96

تم النشر منذ أسبوعين

كورس روعة ودسم وفي كلام كثير ومحتاج إعادة وتطبيق كذا مرة

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

Yasser Ayoub Owias

تم النشر منذ 3 أشهر

مشاء الله شرح فوق الروعة

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

Mohamed Nasser Abdalla

تم النشر منذ 5 أشهر

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

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

Elsayed Bondok

تم النشر منذ 5 أشهر

فوق المتوقع

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

Amr Khaled

تم النشر منذ سنة واحدة

دورة ممتازة وأنصح بها بشدة

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

عبدالرحمن اسماعيل أحمد

تم النشر منذ سنتين

دورة ممتازة ولكن

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

Muhammad Ahmad

تم النشر منذ 7 أشهر

وبرضه سكشن ال useReducer يحتاج لتحسين…

Ahmed Soliman

تم النشر منذ سنتين

كورس مميز

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

Taleb Alnohoud

تم النشر منذ سنتين

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

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

Alaa Elsayed Mohammed

تم النشر منذ سنتين

دورة دسمة جدا ولكن

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

مازن سلطان عبدالجليل عبدالنور

تم النشر منذ سنتين

دورة متقدمة بجد

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

عرض المزيد من التقييمات

كيف كانت تجربتك؟ نود أن نعرف!