React المتقدم
تعرف على كيفية استخدام مفاهيم React وميزاته الأكثر تقدمًا، وكن بارعا في JSX، واختبر تطبيقاتك بثقة. ستفحص أنواع مختلفة من مكونات React وتعرف الخصائص المختلفة ومتى تستخدمها. ستتعمق في خطافات أكثر تقدمًا وتنشئ خطافات خاصة بك. ستطلع على بناء النماذج باستخدام React. ستستكشف تركيب المكونات والأنماط الجديدة، مثل المكونات ذات الترتيب الأعلى وخاصيات التصيير.
Monthly Subscription Starting at AED 99 + VAT
- Level Professional
- المدة
- الطبع بواسطة Meta
-
Offered by
عن
تعرف على كيفية استخدام مفاهيم React وميزاته الأكثر تقدمًا، وكن بارعا في JSX، واختبر تطبيقاتك بثقة. ستفحص أنواع مختلفة من مكونات React وتعرف الخصائص المختلفة ومتى تستخدمها. ستتعمق في خطافات أكثر تقدمًا وتنشئ خطافات خاصة بك. ستطلع على بناء النماذج باستخدام React. ستستكشف تركيب المكونات والأنماط الجديدة، مثل المكونات ذات الترتيب الأعلى وخاصيات التصيير. ستنشئ تطبيق ويب يستهلك بيانات واجهة برمجة التطبيقات وستتعرف على عمليات تكامل إطار عمل React، وأدواته وأساليب الاختبار الأكثر استخدامًا. بنهاية هذه الدورة التدريبية، ستكون قادرًا على: •تصيير القوائم ومكونات النموذج بكفاءة في React. •رفع الحالة المشتركة عندما تحتاج عدة مكونات إلى البيانات المُحدثة. •الاستفادة من سياق React لمشاركة الحالة العامة لشجرة مكونات. •جلب البيانات من أحد الخوادم البعيد. •استخدام الخطافات المتقدمة في React، وإتاحتها للاستخدام داخل التطبيق الخاص بك. •بناء الخطافات المخصصة الخاصة بك. •فهم JSX بتعمق. •تبني تقنيات تركيب المكونات. •استخدام الأنماط المتقدمة لتغليف السلوك الشائع عبر المكونات ذات الترتيب الأعلى وخاصيات التصيير. •اختبار مكونات React لديك. •إنشاء ملف نماذج أعمال باستخدام React. ستكتسب خبرة في الأدوات والبرامج التالية: • React.js • JSX • React • HTML, CSS, and JavaScript • VSCode ستكون قادرًا على الاستفادة من إمكانات هذه الدورة لتطوير مهارات جديدة، وتحسين الإنتاجية، والتصرف بفعالية مع البيانات وتعزيز حياتك المهنية. لتلقي هذه الدورة، يجب أن تفهم أساسيات React، وHTML، وCSS وJavaScript. بالإضافة إلى ذلك، من المفيد دائمًا أن يكون لديك شعور بالثقة تجاه قدرتك على إنجاز المهام!الوحدات
مقدمة الدورة التدريبية
-
4
Videos
-
5
Readings
-
1
Discussion
1
Discussions
- التعارف وإلقاء التحية
4
Videos
- مقدمة إلى الدورة التدريبية
- React وفرص حياتك المهنية
- إعداد VS Code (اختياري)
- تخطيطات الشبكة
5
Readings
- المنهج الدراسي للدورة التدريبية
- كيفية النجاح في هذه الدورة التدريبية
- إعداد مشروع React في VS Code (اختياري)
- تثبيت Node وNPM (اختياري)
- استخدام المختبرات في هذه الدورة التدريبية
تصيير القوائم في React
-
4
Videos
-
2
Readings
-
1
Lab
-
2
Assignment
2
Assignment
- مراجعة ذاتية: إنشاء مكون قائمة أساسي
- التحقق من المعرفة: تقديم القوائم في React
1
Labs
- التمرين: إنشاء مكون قائمة أساسي
4
Videos
- تحويل القوائم في JavaScript
- تصيير مكون قائمة بسيط
- ما هي المفاتيح في React؟
- استخدام المفاتيح داخل مكونات القائمة
2
Readings
- الحل: إنشاء مكون قائمة أساسي
- مصادر إضافية
النماذج في React
-
3
Videos
-
3
Readings
-
1
Lab
-
2
Assignment
2
Assignment
- مراجعة ذاتية: إنشاء نموذج تسجيل
- التحقق من المعرفة: النماذج في React
1
Labs
- التمرين: إنشاء نموذج تسجيل
3
Videos
- ما هي المكونات المضبوطة؟
- إنشاء مكون نموذج في React
- إنشاء مكون نموذج مضبوط
3
Readings
- المكونات الخاضعة للرقابة مقابل المكونات غير المنضبطة
- الحل: إنشاء استمارة التسجيل
- مصادر إضافية
سياق React
-
3
Videos
-
3
Readings
-
1
Lab
-
3
Assignment
3
Assignment
- مراجعة ذاتية: إنشاء محول سمة فاتح داكن
- التحقق من المعرفة: سياق React
- اختبار الوحدة: المكونات
1
Labs
- التمرين: إنشاء مبدّل سمة فاتحة-داكنة
3
Videos
- ما تعرفه عن الخاصيات والحالة
- ما هو السياق، ولماذا يُستخدم؟
- ملخص الوحدة: المكونات
3
Readings
- الحل: إنشاء محوّل سمة فاتحة-داكنة
- كيف تعمل إعادة التصيير مع السياق
- مصادر إضافية
البدء باستخدام الخطافات
-
5
Videos
-
4
Readings
-
1
Lab
-
2
Assignment
2
Assignment
- "مراجعة ذاتية: إدارة الحالة داخل مكون
- التحقق من المعرفة: البدء باستخدام الخطافات
1
Labs
- التمرين: إدارة الحالة داخل المكون
5
Videos
- استخدام خطافات React
- مراجعة استخدام خطاف useState
- استخدام خطاف useState
- ما هي الآثار الجانبية؟
- استخدام خطاف useEffect
4
Readings
- التعامل مع البيانات المعقدة في useState
- الحل: إدارة الحالة داخل المكون
- ما خطاف useEffect
- مصادر إضافية
قواعد الخطافات وجلب البيانات باستخدام الخطافات
-
4
Videos
-
3
Readings
-
1
Lab
-
2
Assignment
2
Assignment
- مراجعة ذاتية: هل يمكنك جلب البيانات؟
- التحقق من المعرفة: قواعد الخطافات وجلب البيانات باستخدام الخطافات
1
Labs
- التمرين: هل يمكنك جلب البيانات؟
4
Videos
- ما هي قواعد الخطافات؟
- ما الذي تحتاج إلى معرفته قبل جلب البيانات
- جلب البيانات - تجميع كل ذلك معًا
- واجهات برمجة التطبيقات
3
Readings
- جلب البيانات باستخدام الخطافات
- الحل: هل يمكنك جلب البيانات
- مصادر إضافية
خطافات متقدمة
-
3
Videos
-
4
Readings
-
1
Lab
-
3
Assignment
3
Assignment
- مراجعة ذاتية: قم بإنشاء خطاف مخصص خاص بك، usePrevious
- التحقق من المعرفة: خطافات متقدمة
- اختبار الوحدة: خطافات React وخطافات Custom
1
Labs
- التمرين: أنشئ خطافًا مخصصًا خاصًا بك، usePrevious
3
Videos
- ما هو useReducer وكيف يختلف عن useState
- useRef للوصول إلى DOM الأساسي
- ملخص الوحدة: خطافات React والخطافات المخصصة
4
Readings
- متى تختار useReducer مقابل useState
- خطافات مخصصة
- الحل: إنشاء خطاف مخصص خاص بك، usePrevious
- مصادر إضافية
نظرة عميقة على JSX
-
5
Videos
-
3
Readings
-
1
Lab
-
2
Assignment
2
Assignment
- مراجعة ذاتية: بناء مكون Radio Group
- التحقق من المعرفة: JSX
1
Labs
- التمرين: بناء مكون مجموعة راديو
5
Videos
- JSX، والمكونات والعناصر
- أهمية الأداء لتطوير البرمجيات
- تركيب المكون باستخدام العناصر الأبناء
- التعامل مع العناصر ديناميكيًا في JSX
- سمات Spread
3
Readings
- أنواع العناصر التابعة
- الحل: بناء مكون مجموعة راديو
- مصادر إضافية
سلوك إعادة الاستخدام
-
3
Videos
-
3
Readings
-
1
Lab
-
2
Assignment
2
Assignment
- مراجعة ذاتية: تنفيذ موضع التمرير باستخدام خصائص التقديم
- التحقق من المعرفة: إعادة استخدام الطريقة
1
Labs
- التمرين: تنفيذ موضع التمرير باستخدام خصائص التصيير
3
Videos
- المخاوف الشاملة في React
- أنشئ HOC لموضع المؤشر
- خاصيات التصيير
3
Readings
- مكونات عالية الترتيب
- الحل: تنفيذ وضعية التمرير مع خصائص التصيير
- مصادر إضافية
اختبارات التكامل مع مكتبة اختبار React
-
4
Videos
-
3
Readings
-
1
Lab
-
3
Assignment
3
Assignment
- مراجعة ذاتية: كتابة المزيد من سيناريوهات الاختبار
- التحقق من المعرفة: الاختبار الآلي
- اختبار الوحدة: JSX والاختبار
1
Labs
- التمرين: كتابة المزيد من سيناريوهات الاختبار
4
Videos
- لماذا مكتبة اختبار React
- كتابة الاختبار الأول للنموذج الخاص بك
- أدلة النمط
- ملخص الوحدة: JSX والاختبار
3
Readings
- الحل: كتابة المزيد من سيناريوهات الاختبار
- مقدمة في التكامل المستمر
- مصادر إضافية
التقييم المقدَر بدرجات
-
2
Videos
-
3
Readings
-
1
PeerReview
-
1
Lab
-
1
Assignment
1
Assignment
- الاختبار النهائي المتدرج: React متقدم
1
Peer Review
- مراجعة ملف نماذج أعمال أحد الأقران
1
Labs
- إنشاء ملف نماذج أعمالك
2
Videos
- ملخص الدورة التدريبية: React المتقدم
- شرح الحل: ملف نماذج الأعمال
3
Readings
- نبذة عن المشروع النهائي
- مكتبات خارجية مشهورة
- التعليمة البرمجية للحل
اختتام الدورة التدريبية
-
1
Videos
-
1
Readings
-
1
Discussion
1
Discussions
- فكر في التعلم
1
Videos
- تهانينا، لقد أكملت الدورة التدريبية حول React المتقدم
1
Readings
- الخطوات التالية
Auto Summary
Discover advanced concepts in React with this professional IT & Computer Science course by Coursera. Led by expert instructors, you'll dive deep into JSX, create custom hooks, and efficiently render lists and forms. Enhance your skills in building web applications, integrating APIs, and testing components. Perfect for those familiar with React, HTML, CSS, and JavaScript, this course offers flexible subscription options to elevate your career.
Taught by Meta Staff