К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
React المتقدم · LearnSpace
Назад в каталог
courseraПрограммирование

React المتقدم

Курс от Meta
Средний≈ 26.3 чАрабский
О курсеНавыкиПрограммаПреподаватели

О курсе

تعرف على كيفية استخدام مفاهيم React وميزاته الأكثر تقدمًا، وكن بارعا في JSX، واختبر تطبيقاتك بثقة. ستفحص أنواع مختلفة من مكونات React وتعرف الخصائص المختلفة ومتى تستخدمها. ستتعمق في خطافات أكثر تقدمًا وتنشئ خطافات خاصة بك. ستطلع على بناء النماذج باستخدام React. ستستكشف تركيب المكونات والأنماط الجديدة، مثل المكونات ذات الترتيب الأعلى وخاصيات التصيير. ستنشئ تطبيق ويب يستهلك بيانات واجهة برمجة التطبيقات وستتعرف على عمليات تكامل إطار عمل React، وأدواته وأساليب الاختبار الأكثر استخدامًا. بنهاية هذه الدورة التدريبية، ستكون قادرًا على: •تصيير القوائم ومكونات النموذج بكفاءة في React. •رفع الحالة المشتركة عندما تحتاج عدة مكونات إلى البيانات المُحدثة. •الاستفادة من سياق React لمشاركة الحالة العامة لشجرة مكونات. •جلب البيانات من أحد الخوادم البعيد. •استخدام الخطافات المتقدمة في React، وإتاحتها للاستخدام داخل التطبيق الخاص بك. •بناء الخطافات المخصصة الخاصة بك. •فهم JSX بتعمق. •تبني تقنيات تركيب المكونات. •استخدام الأنماط المتقدمة لتغليف السلوك الشائع عبر المكونات ذات الترتيب الأعلى وخاصيات التصيير. •اختبار مكونات React لديك. •إنشاء ملف نماذج أعمال باستخدام React. ستكتسب خبرة في الأدوات والبرامج التالية: • React.js • JSX • React • HTML, CSS, and JavaScript • VSCode ستكون قادرًا على الاستفادة من إمكانات هذه الدورة لتطوير مهارات جديدة، وتحسين الإنتاجية، والتصرف بفعالية مع البيانات وتعزيز حياتك المهنية. لتلقي هذه الدورة، يجب أن تفهم أساسيات React، وHTML، وCSS وJavaScript. بالإضافة إلى ذلك، من المفيد دائمًا أن يكون لديك شعور بالثقة تجاه قدرتك على إنجاز المهام!

Навыки, которые вы освоите

React.jsJest (JavaScript Testing Framework)Context ManagementJavascriptApplication FrameworksWeb Development ToolsUI ComponentsApplication Programming Interface (API)Test ToolsDevelopment EnvironmentJavaScript FrameworksUnit Testing

Программа курса

4 модулей · 113 учебных материалов

01المكونات38 материалов

مقدمة الدورة التدريبية

مقدمة إلى الدورة التدريبيةВидеоReact وفرص حياتك المهنيةВидеоالمنهج الدراسي للدورة التدريبيةЧтениеالتعارف وإلقاء التحيةОбсуждение

Учитесь у экспертов

Taught by Meta Experts

Преподаватель курса

React المتقدم
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 26.3 ч

4 модулей

Язык: Арабский

Субтитры: Английский

Часть программы вашего университета
كيفية النجاح في هذه الدورة التدريبيةЧтение
إعداد مشروع React في VS Code (اختياري)Чтение
إعداد VS Code (اختياري)Видео
تثبيت Node وNPM (اختياري)Чтение
استخدام المختبرات في هذه الدورة التدريبيةЧтение
تخطيطات الشبكةВидео

تصيير القوائم في React

تحويل القوائم في JavaScriptВидеоتصيير مكون قائمة بسيطВидеоالتمرين: إنشاء مكون قائمة أساسيЛабораторнаяالحل: إنشاء مكون قائمة أساسيЧтениеمراجعة ذاتية: إنشاء مكون قائمة أساسيЗаданиеما هي المفاتيح في React؟Видеоاستخدام المفاتيح داخل مكونات القائمةВидеоالتحقق من المعرفة: تقديم القوائم في ReactЗаданиеمصادر إضافيةЧтение

النماذج في React

ما هي المكونات المضبوطة؟Видеоالمكونات الخاضعة للرقابة مقابل المكونات غير المنضبطةЧтениеإنشاء مكون نموذج في ReactВидеоإنشاء مكون نموذج مضبوطВидеоالتمرين: إنشاء نموذج تسجيلЛабораторнаяالحل: إنشاء استمارة التسجيلЧтениеمراجعة ذاتية: إنشاء نموذج تسجيلЗаданиеالتحقق من المعرفة: النماذج في ReactЗаданиеمصادر إضافيةЧтение

سياق React

ما تعرفه عن الخاصيات والحالةВидеоما هو السياق، ولماذا يُستخدم؟Видеоالتمرين: إنشاء مبدّل سمة فاتحة-داكنةЛабораторнаяالحل: إنشاء محوّل سمة فاتحة-داكنةЧтениеمراجعة ذاتية: إنشاء محول سمة فاتح داكنЗаданиеكيف تعمل إعادة التصيير مع السياقЧтениеالتحقق من المعرفة: سياق React Заданиеملخص الوحدة: المكوناتВидеоاختبار الوحدة: المكوناتЗаданиеمصادر إضافيةЧтение
02خطافات React والخطافات المخصصة33 материалов

البدء باستخدام الخطافات

استخدام خطافات ReactВидеоمراجعة استخدام خطاف useStateВидеоالتعامل مع البيانات المعقدة في useStateЧтениеاستخدام خطاف useStateВидеоالتمرين: إدارة الحالة داخل المكونЛабораторнаяالحل: إدارة الحالة داخل المكونЧтение"مراجعة ذاتية: إدارة الحالة داخل مكونЗаданиеما هي الآثار الجانبية؟Видеоما خطاف useEffectЧтениеاستخدام خطاف useEffectВидеоالتحقق من المعرفة: البدء باستخدام الخطافاتЗаданиеمصادر إضافيةЧтение

قواعد الخطافات وجلب البيانات باستخدام الخطافات

ما هي قواعد الخطافات؟Видеоما الذي تحتاج إلى معرفته قبل جلب البياناتВидеоجلب البيانات باستخدام الخطافاتЧтениеجلب البيانات - تجميع كل ذلك معًاВидеоالتمرين: هل يمكنك جلب البيانات؟Лабораторнаяالحل: هل يمكنك جلب البياناتЧтение

خطافات متقدمة

ما هو useReducer وكيف يختلف عن useStateВидеоمتى تختار useReducer مقابل useStateЧтениеuseRef للوصول إلى DOM الأساسيВидеоخطافات مخصصةЧтениеالتمرين: أنشئ خطافًا مخصصًا خاصًا بك، usePreviousЛабораторнаяالحل: إنشاء خطاف مخصص خاص بك، usePreviousЧтение
03JSX والاختبار31 материалов

نظرة عميقة على JSX

JSX، والمكونات والعناصرВидеоأهمية الأداء لتطوير البرمجياتВидеоتركيب المكون باستخدام العناصر الأبناءВидеоأنواع العناصر التابعةЧтениеالتعامل مع العناصر ديناميكيًا في JSXВидеоالتمرين: بناء مكون مجموعة راديوЛабораторнаяالحل: بناء مكون مجموعة راديوЧтениеمراجعة ذاتية: بناء مكون Radio GroupЗаданиеسمات SpreadВидеоالتحقق من المعرفة: JSXЗаданиеمصادر إضافيةЧтение

سلوك إعادة الاستخدام

المخاوف الشاملة في ReactВидеоمكونات عالية الترتيبЧтениеأنشئ HOC لموضع المؤشرВидеоخاصيات التصييرВидеоالتمرين: تنفيذ موضع التمرير باستخدام خصائص التصييرЛабораторнаяالحل: تنفيذ وضعية التمرير مع خصائص التصييرЧтение

اختبارات التكامل مع مكتبة اختبار React

لماذا مكتبة اختبار ReactВидеоكتابة الاختبار الأول للنموذج الخاص بكВидеоالتمرين: كتابة المزيد من سيناريوهات الاختبارЛабораторнаяالحل: كتابة المزيد من سيناريوهات الاختبارЧтениеمراجعة ذاتية: كتابة المزيد من سيناريوهات الاختبارЗаданиеمقدمة في التكامل المستمرЧтение
04المشروع النهائي11 материалов

التقييم المقدَر بدرجات

ملخص الدورة التدريبية: React المتقدمВидеоنبذة عن المشروع النهائيЧтениеمكتبات خارجية مشهورةЧтениеإنشاء ملف نماذج أعمالكЛабораторнаяمراجعة ملف نماذج أعمال أحد الأقرانВзаимная проверкаشرح الحل: ملف نماذج الأعمالВидеоالتعليمة البرمجية للحلЧтениеالاختبار النهائي المتدرج: React متقدمЗадание

اختتام الدورة التدريبية

تهانينا، لقد أكملت الدورة التدريبية حول React المتقدمВидеоفكر في التعلمОбсуждениеالخطوات التاليةЧтение
مراجعة ذاتية: هل يمكنك جلب البيانات؟Задание
واجهات برمجة التطبيقاتВидео
التحقق من المعرفة: قواعد الخطافات وجلب البيانات باستخدام الخطافاتЗадание
مصادر إضافيةЧтение
مراجعة ذاتية: قم بإنشاء خطاف مخصص خاص بك، usePreviousЗадание
التحقق من المعرفة: خطافات متقدمةЗадание
ملخص الوحدة: خطافات React والخطافات المخصصةВидео
اختبار الوحدة: خطافات React وخطافات CustomЗадание
مصادر إضافيةЧтение
مراجعة ذاتية: تنفيذ موضع التمرير باستخدام خصائص التقديمЗадание
التحقق من المعرفة: إعادة استخدام الطريقةЗадание
مصادر إضافيةЧтение
أدلة النمطВидео
التحقق من المعرفة: الاختبار الآليЗадание
ملخص الوحدة: JSX والاختبارВидео
اختبار الوحدة: JSX والاختبارЗадание
مصادر إضافيةЧтение