0Pricing
React Native Academy icon

React Native Academy

JAVASCRIPTMobileJavascriptIosAndroid

بناء تطبيقات iOS و Android عبر الأنظمة الأساسية باستخدام React Native و Expo. من المكون الأول إلى الرسوم المتحركة و APIs الأصلية والإشعارات الفورية وتقديم App Store.

🤖 مدعوم بالذكاء الاصطناعي📚 30 دورة👥 100,000+ متعلم⭐ تقييم 4.9
نظرة عامة على الدورة

React Native Mobile Development

بناء تطبيقات iOS و Android عبر الأنظمة الأساسية باستخدام React Native و Expo. من المكون الأول إلى الرسوم المتحركة و APIs الأصلية والإشعارات الفورية وتقديم App Store. يغطي هذا المسار 30 دورة صغيرة تقدمية من المبتدئ تماماً (A1) إلى المتقدم (B2)، مع دروس قصيرة ومركزة واختبارات سريعة لتثبيت كل مفهوم.

ما ستتعلمه

ستبدأ بالأساسيات وتتقدم عبر المواضيع المتوسطة والمتقدمة، حيث تبني كل دورة على السابقة. كل درس عملي، مع أمثلة حقيقية ومدرس ذكي متاح عند الحاجة إلى المساعدة.

كيف يعمل

تنقسم كل دورة إلى أربعة دروس مركزة. أكمل عدداً قليلاً من الدروس يومياً وستتقن المسار كاملاً في أسابيع، وليس أشهراً.

ابدأ التعلم →

كيف ستتعلم

🎯
دروس تفاعلية
تمارين برمجة عملية مع ردود فعل فورية
🤖
معلم الذكاء الاصطناعي
احصل على مساعدة فورية من معلمنا الذكي عندما تعلق
💻
محرر مدمج
اكتب وشغّل الأكواد مباشرة في متصفحك
🏆
الشهادة
احصل على شهادة عند إكمالك للدورة
المنهج الدراسي

30 دورة

كل الدورات في مسار تعلم React Native Academy.

01

إعداد React Native والتطبيق الأول

A14 دروس

شغّل بيئة تطوير React Native لديك باستخدام Expo. ستثبّت الأدوات اللازمة، وتنشئ مشروعك الأول، وتشغّله على جهاز حقيقي أو محاكي. وبنهاية الدور…

02

المكوّنات الأساسية: View وText وImage

A14 دروسPRO

تعلّم اللبنات الأساسية لكل شاشة في React Native. ستعمل مع مكوّنات View وText وImage لإنشاء التخطيطات وعرض المحتوى على الأجهزة المحمولة. تمن…

03

الأنماط وFlexbox في React Native

A14 دروسPRO

أتقن نظام التنسيق المستخدم في React Native، والمبني على خصائص مستوحاة من CSS تُطبّق عبر كائنات JavaScript وStyleSheet. ستستخدم Flexbox لإنش…

04

الحالة والخصائص

A14 دروسPRO

افهم كيفية انتقال البيانات عبر مكوّنات React Native باستخدام props وstate. ستتعلّم تمرير البيانات إلى المكوّنات الفرعية عبر props، وإدارة ا…

05

التعامل مع إدخالات المستخدم

A14 دروسPRO

تعلّم التقاط تفاعلات المستخدمين على شاشات الأجهزة المحمولة والاستجابة لها. ستعمل مع TextInput لإدخال النص عبر لوحة المفاتيح، وTouchableOpac…

06

التنقّل باستخدام React Navigation

A24 دروسPRO

أضف تنقّلًا متعدد الشاشات إلى تطبيقات React Native لديك باستخدام مكتبة React Navigation المعتمدة في المجال. ستُعدّ ملاحًا مكدّسًا، وتمرّر ا…

07

FlatList وSectionList

A24 دروسPRO

اعرض مجموعات كبيرة من البيانات بكفاءة باستخدام FlatList وSectionList. ستتعلّم كيف تعمل هذه المكوّنات على تحويل العرض إلى عرض افتراضي للحفاظ…

08

تعمّق في React Hooks

A24 دروسPRO

تجاوز useState وuseEffect لإتقان مجموعة React hooks الكاملة المتاحة في React Native. ستفهم useCallback وuseMemo وuseRef وuseReducer، وستتعل…

09

Context API وإدارة الحالة

A24 دروسPRO

شارك الحالة العامة عبر تطبيقك من دون تمرير الخصائص بين مستويات عديدة، وذلك باستخدام Context API المدمج في React. ستنشئ سياقًا للسمة وسياقًا…

10

جلب البيانات باستخدام useEffect وAxios

A24 دروسPRO

صِل تطبيق React Native لديك بواجهات API فعلية. ستستخدم useEffect لإطلاق طلبات الشبكة عند التحميل، وAxios لتبسيط استدعاءات HTTP، وستتعلّم ال…

11

Redux Toolkit

B14 دروسPRO

أدر حالة التطبيق المعقّدة بصورة متوقعة باستخدام Redux Toolkit، وهي الطريقة الرسمية الموصى بها لاستخدام Redux اليوم. ستنشئ slices، وترسل act…

12

إدارة الحالة الخفيفة باستخدام Zustand

B14 دروسPRO

اكتشف Zustand، وهو حل بسيط وسريع لإدارة الحالة ويتطلب شيفرة تمهيدية أقل بكثير من Redux. ستنشئ مخازن، وتضيف إجراءات، وتدمج Zustand مع مكوّنا…

13

AsyncStorage واستمرارية البيانات

B14 دروسPRO

احفظ بيانات المستخدم وإعدادات التطبيق محليًا على الجهاز بحيث تبقى محفوظة بعد إعادة تشغيل التطبيق. ستستخدم AsyncStorage لتخزين أزواج المفتاح…

14

ميزات الجهاز: الكاميرا والموقع والإشعارات

B14 دروسPRO

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

15

النماذج والتحقق باستخدام react-hook-form

B14 دروسPRO

أنشئ نماذج متينة وعالية الأداء في React Native باستخدام react-hook-form. ستسجّل حقول الإدخال، وتطبّق قواعد التحقق، وتعرض رسائل أخطاء خاصة ب…

16

الرسوم المتحركة باستخدام Animated API

B14 دروسPRO

أضف الحيوية إلى واجهة React Native باستخدام رسوم متحركة سلسة تُدار أصليًا عبر Animated API المدمجة. ستتعلّم الرسوم المتحركة بالتوقيت والارت…

17

React Native Reanimated والإيماءات

B14 دروسPRO

أنشئ تفاعلات سلسة تعتمد على الإيماءات باستخدام React Native Reanimated 3 وReact Native Gesture Handler. ستتعامل مع إيماءات السحب والتكبير و…

18

الربط العميق والروابط العامة

B14 دروسPRO

مكّن المستخدمين من فتح تطبيقك مباشرةً من رابط URL في متصفح أو بريد إلكتروني أو تطبيق آخر. ستضبط مخططات URL مخصصة وروابط عامة لكل من iOS وAn…

19

الإشعارات الفورية باستخدام Expo

B14 دروسPRO

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

20

العمل دون اتصال أولًا باستخدام React Query

B14 دروسPRO

أنشئ تطبيقات تعمل بموثوقية حتى دون اتصال بالإنترنت باستخدام TanStack React Query. ستخزّن بيانات الخادم مؤقتًا على الجهاز، وتزامن التغييرات…

21

Supabase مع React Native

B24 دروسPRO

ادمج Supabase كواجهة خلفية متكاملة لتطبيق React Native، بما يشمل المصادقة واستعلامات قاعدة البيانات والاشتراكات الفورية. ستبني شاشات موثّقة…

22

Firebase Auth وFirestore في RN

B24 دروسPRO

أضف Firebase Authentication وCloud Firestore إلى تطبيق React Native باستخدام مكتبة React Native Firebase. ستوثّق المستخدمين، وتخزّن المستند…

23

تحسين الأداء

B24 دروسPRO

شخّص أكثر اختناقات الأداء شيوعًا في تطبيقات React Native وأصلحها. ستستخدم Flipper وReact DevTools لتحليل الأداء، وتتخلص من عمليات العرض غير…

24

الاختبار باستخدام Jest وReact Native Testing Library

B24 دروسPRO

اكتب اختبارات موثوقة للوحدات والمكوّنات لشيفرة React Native باستخدام Jest وReact Native Testing Library. ستختبر المكوّنات بمعزل، وتحاكي الو…

25

اختبار E2E باستخدام Maestro

B24 دروسPRO

اكتب اختبارات شاملة تؤتمت تدفقات المستخدم الفعلية على جهاز أو محاكي باستخدام Maestro. ستسجّل التدفقات، وتتحقق من عناصر واجهة المستخدم، وتدم…

26

الوحدات الأصلية ووحدات Turbo Native

B24 دروسPRO

وسّع React Native بما يتجاوز واجهاته البرمجية المدمجة عبر كتابة شيفرة أصلية بلغة Swift أو Kotlin وإتاحتها لـ JavaScript. ستتعلّم نمط الوحدة…

27

بناء إضافات إعداد Expo

B24 دروسPRO

أتمت إعداد المشاريع الأصلية لتطبيقات Expo ذات سير العمل المُدار عبر كتابة إضافات إعداد. ستعدّل AndroidManifest.xml وInfo.plist ونصوص البناء…

28

إرسال تطبيق iOS إلى App Store

B24 دروسPRO

مرّر تطبيق React Native عبر عملية المراجعة الكاملة لـ iOS App Store. ستضبط شهادات التوقيع وملفات التزويد، وتجهّز بيانات App Store، وترسل إص…

29

إرسال تطبيق Android إلى Google Play

B24 دروسPRO

انشر تطبيق React Native في Google Play Store من البداية إلى النهاية. ستنشئ ملف AAB موقّعًا، وتضبط صفحة التطبيق في Play Console مع جميع الأص…

30

المشروع الختامي: تطبيق React Native متكامل

B24 دروسPRO

طبّق كل ما تعلّمته في المسار لبناء تطبيق React Native متكامل وجاهز للإنتاج من الصفر. ستخطط للبنية، وتنفّذ المصادقة وخلاصة قائمة على البيانا…

الأسئلة الشائعة

الأسئلة الشائعة

هل دورة React Native Academy مجانية؟

نعم. يمكنك البدء في دورة React Native Academy مجانًا وإكمال دروسها التفاعلية بلا تكلفة. اشتراك PRO اختياري يفتح لك أدوات ذكاء اصطناعي متقدمة وشهادة قابلة للمشاركة.

هل أحتاج إلى خبرة سابقة لتعلم JAVASCRIPT؟

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

كيف ستتعلم JAVASCRIPT على CoddyKit؟

تتعلم من خلال العمل. دروس تفاعلية قصيرة تجمع بين شرح واضح وتمرين برمجة عملي يعمل في الوقت الفعلي، ومعلم ذكاء اصطناعي يعمل 24/7 يقدم مساعدة مخصصة عندما تعلق.

هل أحصل على شهادة عند إكمال React Native Academy؟

نعم. متعلمو PRO يمكنهم الخضوع لامتحان والحصول على شهادة إكمال قابلة للمشاركة برمز تحقق لدورة React Native Academy.

هل يمكنني تعلم JAVASCRIPT على هاتفي؟

نعم. CoddyKit متاح على الويب وكتطبيقات iOS و Android أصلية، لذا يمكنك تعلم JAVASCRIPT على أي جهاز وسيتم مزامنة تقدمك عبرها جميعًا.

ابدأ React Native Academy الآن

انضم إلى آلاف المتعلمين الذين يتقنون البرمجة مع دروس مدعومة بالذكاء الاصطناعي.

ابدأ مجاناً →استعرض جميع الدورات