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

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

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

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

أساسيات React

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

О курсе

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

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

React.jsDataflowCascading Style Sheets (CSS)UI ComponentsFront-End Web DevelopmentEvent-Driven ProgrammingJavascriptWeb ApplicationsWeb Development ToolsWeb Design and DevelopmentApplication DevelopmentMobile DevelopmentJavaScript FrameworksHypertext Markup Language (HTML)

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

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

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

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

مقدمة حول الدورة التدريبية: أساسيات ReactВидеоكيف يتم استخدام React في الواقع؟Видеоما المأمول تعلّمه؟Обсуждениеمنهج الدورة التدريبية حول أساسيات ReactЧтение

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

Taught by Meta Experts

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

أساسيات React
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 26.9 ч

4 модулей

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

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

Часть программы вашего университета
كيفية النجاح في هذه الدورة التدريبيةЧтение
قبل التعرف على ReactЧтение
وحدات JavaScript، وعمليات الاستيراد والتصديرЧтение
استخدام المختبرات في هذه الدورة التدريبيةЧтение
موضوعات إضافيةЧтение
إعداد مشروع React في VS Code (اختياري)Чтение

مكونات React والمواضع التي تعمل بها

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

استخدام المكون وإنشاء التصميم

مبادئ المكونات: Props (الخصائص)Видеоإعلان المكونات واستخدامها: الدوال أو فئاتЧтениеاستخدام props في المكوناتВидеоإرسال propsЛабораторнаяالحل: إرسال propsЧтениеالمراجعة الذاتية: إرسال propsЗаданиеمقدمة حول JSXВидеоProps (الخصائص) والمكونات الفرعيةЧтениеتصميم عناصر JSXЧтениеالتصميم العمليВидеоبنية JSX والدالة السهميةЧтениеتعبيرات JSX المتضمنةВидеоالمعاملات الثلاثية والوظائف في JSXЧтениеالتعبيرات باعتبارها props (خصائص)Чтениеالتضمين داخل السماتВидеоالمكونات المتعددةЛабораторнаяالحل: المكونات المتعددةЧтениеالمراجعة الذاتية: المكونات المتعددةЗаданиеملخص الوحدةВидеоاختبار على الوحدةЗаданиеالموارد الإضافيةЧтение
02البيانات والحالة33 материалов

الأحداث الديناميكية وكيفية معالجتها

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

البيانات والأحداث

تدفق البيانات من مكون رئيسي إلى مكون فرعيВидеоتدفق البيانات في ReactЧтениеالمكونات الفرعية والبياناتВидеоالتحقق من المعرفة: تدفق البياناتЗаданиеما هي دوال hooks؟Видеоاستخدام دوال hooksЧтениеما المقصود بالحالة؟
03التنقل والتحديث والأصول في React.js29 материалов

الربط والتوجيه

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

استخدام الأصول في React

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

التقييم المقيّم بالدرجات: تطبيق الآلة الحاسبة

ملخص الدورة التدريبية: أساسيات ReactВидеоنبذة عن التقييم المقيّم بالدرجاتЧтениеإنشاء تطبيق آلة حاسبةЛабораторнаяمراجعة الأقران: إنشاء تطبيق آلة حاسبةВзаимная проверкаالحل: إنشاء تطبيق آلة حاسبةЧтениеمثال: إنشاء تطبيق آلة حاسبةВидеоشارك التحديات التي واجهتها عند إنشاء تطبيق الآلة الحاسبةОбсуждение

استعراض ختامي للدورة التدريبية

تهانينا، لقد أكملت أساسيات React!Видеоما الذي وجدته أكثر إثارة للاهتمام في هذه الدورة التدريبية؟Обсуждениеالخطوات التاليةЧтение
Видео
مراقبة الحالةВидео
التحقق من المعرف: توضيح المفهومЗадание
إدارة الحالةВидео
تضمين الخصائصЧтение
إدارة الحالة في ReactВидео
التحقق من المعرفة: حالة التمريرЗадание
تحديد الحالة مقابل غياب الحالةВидео
إدارة الحالة في ReactЛабораторная
الحل: إدارة الحالة في ReactЧтение
المراجعة الذاتية: إدارة الحالة في ReactЗадание
التحقق من المعرفة: تحديد الحالة مقابل غياب الحالةЗадание
ملخص الوحدةВидео
اختبار الوحدة: البيانات والحالةЗадание
الموارد الإضافيةЧтение
Видео
حزم الوسائطЧтение
إنشاء مكون صوت / فيديوВидео
تحديد الأغنيةЛабораторная
الحل: تحديد الأغنيةЧтение
المراجعة الذاتية: تحديد الأغنيةЗадание
ما التحديات التي واجهتها عند إنشاء ميزة تحديد الأغنية لديك؟Обсуждение
ملخص الوحدة: التنقل والتحديث والأصول في React.jsВидео
اختبار الوحدة: التنقل والتحديث والأصول في React.jsЗадание
الموارد الإضافيةЧтение