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

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

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

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

React Native (العربية)

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

О курсе

هو إطار عمل مفتوح المصدر لبناء تطبيقات تعمل في منصات مختلفة باستخدام React والقدرات الأصلية للمنصة. في هذه الدورة التدريبية، ستنتقل من أساسيات React إلى تطبيق المفاهيم الأكثر تقدمًا باستخدام React Native. ستقوم بمراجعة مجموعة واسعة من مكونات React المختلفة وطرق تصميمها. وستتدرب على استخدام طرق مختلفة لتفاعل المحمول مع React Native. وستتضمن بعض المهارات الأساسية التي ستتعلمها ما يلي: •إنشاء تطبيق React Native من صفحة واحدة وتصميمه باستخدام المكونات الأساسية •إنشاء قوائم كبيرة وتكوين مدخلات المستخدم في تطبيق React Native •استخدام المكون Pressable لإنشاء أزرار ومناطق أخرى قابلة للضغط •إعداد تطبيق باستخدام React Navigation والتنقل بين الشاشات وستكتسب خبرة في التعامل مع الأدوات والبرامج التالية: • React • React Native • لغات تطوير الواجهات الأمامية (HTML وCSS وJavaScript) • JSX • برامج تحرير الكود، مثل Expo وVisual Studio Code هذه الدورة مخصصة للمتعلمين الذين يرغبون في إعداد أنفسهم للعمل في مجال تطوير التطبيقات للأجهزة المحمولة. للنجاح في هذه الدورة التدريبية، ينبغي أن تكون على دراية بأساسيات React ومهارات تصفح الإنترنت وأن يكون لديك شغف بمجال البرمجة.

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

React NativeUI ComponentsCross Platform DevelopmentMobile DevelopmentUser Interface (UI) DesignReact.jsUser Interface (UI)Application DevelopmentApplication FrameworksInteractive DesignJavaScript FrameworksMobile Development ToolsDevelopment EnvironmentWeb Development Tools

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

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

01مقدمة إلى React Native48 материалов

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

مقدمة إلى الدورة التدريبيةВидеоما هو React Native؟Видеоوظائف تطوير التطبيقات الأصلية والمتوافقة مع منصات مختلطة والهجينةВидеоتعرف على مطور تطبيقات متوافقة مع منصات مختلفةВидео

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

Taught by Meta Experts

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

 React Native (العربية)
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 38.3 ч

5 модулей

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

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

Часть программы вашего университета
التعارف وإلقاء التحيةОбсуждение
المنهج الدراسي للدورة التدريبيةЧтение
كيف تكون ناجحًا في هذه الدورة التدريبيةЧтение
نظرة عامة على بيئة تطوير React NativeВидео
React Native مع ExpoВидео
موارد إضافيةЧтение

مقدمة إلى React Native

كيف يتم استخدام React Native بشكل عملي؟Видеоكود React NativeВидеоمزايا React NativeЧтениеما هو Expo؟Видеоإنشاء تطبيقات React Native باستخدام ExpoЧтениеالتحقق من المعرفة: مقدمة إلى React NativeЗаданиеموارد إضافيةЧтение

مكونات React Native

ما هي مكونات React Native؟Видеоإنشاء المكوناتВидеоاستكشاف إنشاء المكوناتЧтениеتمرين: أول مكون React NativeЧтениеالحل: أول مكون React NativeЧтениеالمراجعة الذاتية: أول مكون React NativeЗаданиеالتحقق من المعرفة: مكونات React NativeЗаданиеموارد إضافيةЧтение

المكونات View وText وScrollable

ما هما المكونان View وText؟Видеоاستخدام المكونين View وTextВидеоالتعرف على المكونين View وTextЧтениеتمرين: إنشاء شاشة React NativeЧтениеالحل: إنشاء شاشة React NativeЧтениеالمراجعة الذاتية: إنشاء شاشة React NativeЗаданиеما هو المكون ScrollView؟Видеоاستخدام مكون ScrollViewВидеоالتعرف على المكون ScrollViewЧтениеتمرين: إنشاء مكون قابل للتمريرЧтениеالحل: إنشاء مكون قابل للتمريرЧтениеالمراجعة الذاتية: إنشاء مكون قابل للتمريرЗаданиеالتحقق من المعرفة: المكونات View وText وScrollableЗаданиеموارد إضافيةЧтение

تصميم المكونات

تصميم المكونات باستخدام StyleSheetВидеоالتصميم العمليВидеоالتصميم باستخدام StyleSheetЧтениеتمرين: تصميم مكونЧтениеالحل: تصميم مكونЧтениеالمراجعة الذاتية: تصميم مكونЗаданиеملخص الوحدة: مقدمة إلى React NativeВидеоاختبار الوحدة: مقدمة إلى React NativeЗаданиеموارد إضافيةЧтение
02القوائم وإدخال النص في React Native39 материалов

عرض القوائم الكبيرة باستخدام FlatList.

عرض القوائم الكبيرة باستخدام المكون FlatListВидеоاستخدام المكون FlatListВидеоالتعرف على المكون FlatListЧтениеتمرين: عرض قائمة كبيرة باستخدام FlatListЧтениеالحل: عرض قائمة كبيرة باستخدام FlatListЧтениеالمراجعة الذاتية - عرض قائمة كبيرة باستخدام FlatListЗаданиеالطريقة FlatListВидеоالتحقق من المعرفة: عرض القوائم الكبيرة باستخدام FlatListЗаданиеموارد إضافيةЧтение

عرض القوائم الكبيرة باستخدام SectionList

عرض القوائم الكبيرة حسب القسم باستخدام SectionListВидеоاستخدام المكون SectionListВидеоالتعرف على المكون SectionListЧтениеتمرين: عرض قائمة كبيرة باستخدام SectionListЧтениеالحل: عرض قائمة كبيرة باستخدام SectionListЧтениеالمراجعة الذاتية: عرض قائمة كبيرة باستخدام SectionListЗадание

قبول إدخال المستخدم

ما هو المكون TextInput؟Видеоتكوين المكون TextInputВидеоالمكون TextInput وميزاتهЧтениеتمرين: إنشاء مكون TextInputЧтениеالحل: إنشاء مكون TextInputЧтениеالمراجعة الذاتية: إنشاء مكون TextInputЗаданиеلوحة المفاتيح الافتراضية في تطبيقات المحمول

العمل مع المكون TextInput

الخصائص الشائعة للمكون TextInputЧтениеتمرير الخصائص إلى المكون TextInputВидеоتمرين: إنشاء صفحة لتسجيل الدخولЧтениеالحل: إنشاء صفحة لتسجيل الدخولЧтениеالمراجعة الذاتية: إنشاء صفحة لتسجيل الدخولЗаданиеطرق TextInputЧтение
03المكونات Pressable وImage وHook في React Native35 материалов

المكون Pressable

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

الصور في React Native

عرض الصور في React NativeВидеоاستخدام المكون ImageВидеоاستكشاف المكون ImageЧтениеتصميم صورة في التطبيقВидеоتمرير الخصائص إلى المكون ImageВидеоاستكشاف خصائص المكون ImageЧтениеإعداد صور الخلفية

الخطافات في React Native

ما هي الخطافات؟Видеоاستخدام الخطاف useColorSchemeВидеоاستكشاف الخطاف useColorSchemeЧтениеاستخدام الخطاف useWindowDimensionsВидеоاستكشاف الخطاف useWindowDimensionsЧтениеاستخدام خطافات المجتمع الأخرىВидео
04React Navigation41 материалов

مقدمة إلى React Navigation

ما هي React Navigation؟Видеоتثبيت وإعداد React NavigationЧтениеإعداد React NavigationВидеоاستخدام Stack.NavigatorВидеоإنشاء وتكوين Native Stack NavigatorЧтениеطرق تمرير الخصائص إلى الشاشةВидеоتمرير الخصائص إلى الشاشةЧтениеتمرين: إعداد المساراتЧтениеالحل: إعداد المساراتЧтениеالمراجعة الذاتية: إعداد المساراتЗаданиеالتحقق من المعرفة: مقدمة إلى React NavigationЗаданиеموارد إضافيةЧтение

التنقل بين الشاشات

الانتقال إلى شاشة جديدةВидеоالتنقل بين الشاشاتВидеоالانتقال إلى شاشةЧтениеالعودة إلى الشاشة السابقةВидеоتكوين شريط العنوانВидеоتمرين: التنقل بين الشاشاتЧтениеالحل: التنقل بين الشاشات

التنقل بين علامات التبويب

ما هو التنقل بين علامات التبويب؟Видеоمثال على التنقل بين علامات التبويبВидеоتخصيص مكون التنقل بين علامات التبويبВидеоاستكشاف التنقل بين علامات التبويبЧтениеتمرين: تكوين التنقل بين علامات التبويبЧтениеالحل: تكوين التنقل بين علامات التبويبЧтение

التنقل في درج التنقل

ما هو Drawer Navigation؟Видеоمثال على Drawer NavigationВидеоاستكشاف التنقل في درج التنقلЧтениеتمرين: تكوين التنقل في درج التنقلЧтениеالحل: تكوين التنقل في درج التنقلЧтениеالمراجعة الذاتية: تكوين التنقل في درج التنقلЗадание
05تقييم المشروع النهائي10 материалов

تقييم المشروع النهائي

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

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

تهانينا، لقد أكملت الدورة التدريبية حول React Native!Видеоما التحديات التي واجهتها عند إنشاء تطبيقك؟Обсуждениеالخطوات التاليةЧтение
التحقق من المعرفة: عرض القوائم الكبيرة باستخدام SectionListЗадание
موارد إضافيةЧтение
Видео
نصائح وحيل للتعامل مع لوحة المفاتيح الافتراضيةЧтение
التعامل مع لوحة المفاتيح الافتراضيةВидео
التحقق من المعرفة: قبول مدخلات المستخدمЗадание
موارد إضافيةЧтение
استخدام طرق TextInputВидео
التحقق من المعرفة: الخصائص والطُرُق في TextInputЗадание
استخدام طرق TextInputВидео
اختبار الوحدة: القوائم وإدخال النص في React NativeЗадание
موارد إضافيةЧтение
Видео
تمرين: عرض الصور في تطبيقكЧтение
الحل: عرض الصور في تطبيقكЧтение
المراجعة الذاتية: عرض الصور في تطبيقكЗадание
مشاركة تطبيقك مع الصورОбсуждение
التحقق من المعرفة: الصور في React NativeЗадание
موارد إضافيةЧтение
استكشاف خطافات المجتمع الأخرىЧтение
تمرين: الخطافات في React NativeЧтение
الحل: الخطافات في React NativeЧтение
المراجعة الذاتية: الخطافات في React NativeЗадание
التحقق من المعرفة: الخطافات في React NativeЗадание
ملخص الوحدة: المكونات Pressable وImage وHook في React NativeВидео
اختبار الوحدة: المكونات Pressable وImage وHook في React NativeЗадание
موارد إضافيةЧтение
Чтение
المراجعة الذاتية: التنقل بين الشاشاتЗадание
التحقق من المعرفة: التنقل بين الشاشاتЗадание
موارد إضافيةЧтение
المراجعة الذاتية: تكوين التنقل بين علامات التبويبЗадание
التحقق من المعرفة: التنقل بين علامات التبويبЗадание
موارد إضافيةЧтение
التحقق من المعرفة: التنقل في درج التنقلЗадание
ملخص الوحدة: React NavigationВидео
اختبار الوحدة: React NavigationЗадание
موارد إضافيةЧтение