بناء تطبيقات الجوّال باستخدام React Native
استخدم React التي تعرفها لتطلق تطبيقًا حقيقيًا على iOS وAndroid باستخدام Expo.
- 4.5 (803 تقييمات)
- 7,400 متعلّم
- متوسط
- 6 س 30 د إجمالًا
- حُدّثت في يوليو 2026
ما ستتعلّمه
- تشرح كيف يرسم React Native عناصر أصلية، لا WebView
- تنسّق الشاشات باستخدام StyleSheet وflexbox والـ safe areas
- تبني قوائم سريعة باستخدام FlatList وSectionList
- تتنقّل في Expo Router عبر stacks وtabs وparams وmodals
- تستخدم التخزين والموقع والكاميرا والإشعارات بأمان
- تصحّح الأخطاء وتختبر وتطلق builds وتحديثات OTA عبر EAS
لمن هذه الدورة
يتيح لك React Native أن تكتب كود React واحدًا يرسم عناصر واجهة أصلية (native views) حقيقية على iPhone وAndroid. ستبني Trailhead، تطبيقًا لتسجيل رحلات المشي، من مشروع Expo فارغ حتى build يعمل على هاتف حقيقي: شاشات وقوائم وتنقّل ونماذج وGPS وصور وتذكيرات وتخزين دون اتصال، وكل إضافة تأتي في الدرس الذي يشرحها.
تتحدّث الدورة بصراحة عمّا يختلف على الجوّال: لا cascade، وflexbox يبدأ بالاتجاه العمودي، ولوحة مفاتيح تغطّي نموذجك، وأذونات قد يرفضها المستخدم، ودورات إصدار تمرّ بمراجعة المتاجر. وستختم بتصحيح الأخطاء والاختبار والإطلاق باستخدام EAS Build وSubmit وUpdate، وهو المسار نفسه الذي تستخدمه الفرق في بيئة الإنتاج.
- لمن هذه الدورة
- مطوّرو الويب الذين يعرفون React ويريدون بناء أول تطبيق لهم على iOS وAndroid وإطلاقه.
- قبل أن تبدأ
- إلمام جيد بالـ components والـ props والـ state والـ hooks في React، وبـ JavaScript الحديثة (async/await ودوال المصفوفات).
تدريب عملي
- تمارين موجَّهة: اكتشف الخطأ، وأكمل الأمر، ورتّب الخطوات.
- اكتب JavaScript وشغّله في بيئة معزولة مع فحوص تلقائية.
محتوى الدورة
5 وحدات · 21 درسًا · 6 س 30 د إجمالًا
- ما هو React Native حقًا12 دقيقة
- بدء مشروع باستخدام Expo17 دقيقة
- الـ components الأساسية: View وText وImage وScrollView20 دقيقة
- اللمس والكتابة: Pressable وTextInput19 دقيقة
- اختبار الوحدة5 أسئلة
- الـ StyleSheet في عالم بلا cascade18 دقيقة
- Flexbox بإعدادات الجوّال الافتراضية20 دقيقة
- أحجام الشاشات والـ safe areas وكود كل منصّة19 دقيقة
- قوائم تبقى سريعة: FlatList وSectionList22 دقيقة
- اختبار الوحدة5 أسئلة
- التوجيه المبني على الملفات في Expo Router18 دقيقة
- الـ tabs والمسارات الديناميكية والـ params19 دقيقة
- State مشتركة باستخدام Context والـ reducers19 دقيقة
- النماذج ولوحة المفاتيح20 دقيقة
- الـ modals والمسارات المحميّة والـ deep links17 دقيقة
- اختبار الوحدة5 أسئلة
- جلب البيانات: حالات التحميل والخطأ والفراغ20 دقيقة
- تخزين البيانات على الجهاز21 دقيقة
- الأذونات: الطلب في اللحظة المناسبة17 دقيقة
- الموقع والصور والإشعارات22 دقيقة
- اختبار الوحدة5 أسئلة
- تصحيح الأخطاء والأداء18 دقيقة
- الاختبار باستخدام Jest وReact Native Testing Library18 دقيقة
- البناء والإرسال إلى المتاجر عبر EAS18 دقيقة
- التحديثات عبر الهواء (OTA) وروتين الإصدار16 دقيقة
- اختبار الوحدة5 أسئلة
مدرّبك
مايا تشين
مهندسة واجهات أمامية أولى · Verse
- تقييم المدرّب 4.7
- 38,400 متعلّم
- 3 دورات
أمضت مايا تسع سنوات في بناء واجهات يستخدمها الناس كل يوم، وآخرها محرّر المستندات في Verse، حيث يتحوّل أي بطء في الكتابة إلى بلاغ عن خطأ خلال ساعة. تعلّمت JavaScript قبل أن تصبح أطر العمل هي القاعدة، وانتقلت إلى React عام 2016، ثم إلى React Native حين أطلقت Verse تطبيقها للجوال.
ماذا يقول المتعلّمون
4.5
803 تقييم
Diego Alvarez
قبل 7 أشهر
جعل Expo Router التنقّل داخل التطبيق يشبه التوجيه (routing) الذي أعرفه من الويب. كان التطبيق يعمل على هاتفي منذ الأمسية الأولى.
Salma Idris
قبل 4 أشهر
أصلح درس أداء FlatList التقطّع في قائمة المنشورات عندي. تشرح مايا لماذا يحدث re-render للقائمة، لا أيّ prop عليك إضافته فقط.
Ethan Brooks
قبل شهرين
قوية إن كنت تعرف React مسبقًا. كنت أتمنى تفصيلًا أكثر حول النشر على App Store وGoogle Play؛ هذا الجزء يبدو مختصرًا مقارنة بالباقي.