React Native & Expo – بناء تطبيقات الجوال

دورة تدريبية عملية لبناء تطبيقات الجوال باستخدام React Native و Expo، من الصفر إلى تطبيقات احترافية تعمل على iOS و Android من قاعدة شيفرة واحدة.

📱 محاور الدورة:

• الأساسيات: React Native و Node.js وبيئة عمل Expo، وبناء أول تطبيق

• TypeScript والمكونات الأساسية (View, Text, Image, Button, القوائم)

• التخطيط باستخدام Flexbox و SafeAreaView و ScrollView و FlatList عالية الأداء

• التنقل عبر Expo Router: Stack و Tabs و Drawer، بالإضافة إلى المسارات الديناميكية

• إدارة الحالة: useState و useEffect ورفع الحالة، والحالة العامة عبر React Context

• التعامل مع واجهات APIs (axios) وحالات التحميل والخطأ والتحديث بالسحب

• تخزين البيانات محلياً عبر AsyncStorage

• واجهات متعددة المنصات ومتجاوبة (هاتف، جهاز لوحي، ويب)

• السمات (فاتح/داكن) والدعم متعدد اللغات (عربي/إنجليزي مع RTL)

• ميزات الجهاز الأصلية: الكاميرا واختيار الصور والموقع والخرائط وتسجيل الصوت

• المشروع الختامي: تطبيق تواصل اجتماعي كامل باستخدام Redux Toolkit وخادم Supabase مع التحديث اللحظي والمحادثات والإشعارات وواجهة تفاؤلية (Optimistic UI)

• نشر التطبيقات على المتاجر (App Store و Google Play)

🎯 المستهدفون:

• مطورو الويب الراغبون في الانتقال إلى تطوير تطبيقات الجوال

• المبتدئون في تطوير تطبيقات الجوال

• كل من يرغب في بناء تطبيقات احترافية قابلة للنشر

🔹 المتطلب الأساسي: معرفة أساسية بـ JavaScript.

🗓️ البنية: 12 أسبوعاً، 158 ساعة، 8 مشاريع حقيقية. كل أسبوع من الأسابيع السبعة الأولى ينتهي بمختبر مشروع مباشر عبر الإنترنت لمدة ساعتين نبني فيه تطبيق الأسبوع كاملاً معاً.

📋 هيكل الدورة:

الأسبوع 1 — Foundations (الأساسيات): مقدمة إلى React Native و Node.js و Expo، TypeScript والمكونات الأساسية، SafeAreaView و ScrollView و FlatList — المشروع: Profile Card

الأسبوع 2 — التنقل والحالة (Stack و useState و useEffect): Expo Router و Stack، الخطافات (useState/useEffect) والمدخلات المتحكم بها، تمرير البيانات بين الشاشات — المشروع: Sahab Tasks

الأسبوع 3 — التنقل بالتبويبات والبيانات غير المتزامنة: التبويبات وتنسيق شريطها، جلب البيانات مع حالات التحميل والخطأ، axios ونسخة API مشتركة — المشروع: Sahab Explorer

الأسبوع 4 — Drawer وواجهة قابلة لإعادة الاستخدام والتخزين: تنقل Drawer والأنماط العامة وعدة واجهة قابلة لإعادة الاستخدام، النوافذ (Modals) ورفع الحالة، AsyncStorage والبيانات المبدئية — المشروع: Sahab Notes

الأسبوع 5 — تعدد المنصات والواجهات المتجاوبة: المسارات الديناميكية والمنقحات المتداخلة (Tabs داخل Stack)، هوامش المنطقة الآمنة والتخطيطات المتجاوبة، الانتقال لتعدد المنصات — المشروع: Sahab Places

الأسبوع 6 — الحالة العامة (Context) والسمات والتوطين: React Context والحالة العامة (المصادقة)، السمات والتوطين وعناصر النماذج، السلة والمفضلة والدفع — المشروع: Sahab Store

الأسبوع 7 — ميزات الجهاز الأصلية (الكاميرا والموقع والصوت): اختيار الصور والكاميرا، الموقع والخرائط (العلامات)، تسجيل الصوت وتشغيله — المشروع: Sahab Moments

الأسبوع 8 — Sahab Feed: إعداد المشروع والمتطلبات والبنية، الإعداد الأولي (Onboarding)، المصادقة

الأسبوع 9 — Sahab Feed: شريحة الخلاصة بـ Redux Toolkit، FlatList محسنة، PostCard، القصص والملف الشخصي

الأسبوع 10 — Sahab Feed: الإعجابات والحفظ، واجهة تفاؤلية مع تراجع (rollback)، صفوف محسنة الأداء

الأسبوع 11 — Sahab Feed: صندوق المحادثات ومسار محادثة ديناميكي، الإشعارات، إنهاء السمات والتوطين

الأسبوع 12 — Sahab Feed: مصادقة Supabase الحقيقية، الخلاصة من Postgres، التحديث اللحظي والتمرير اللانهائي، إصدار الإنتاج

🎓 الشهادات:

• يحصل كل طالب يكمل الدورة على شهادة إتمام الدورة

• يلحق المتفوقون بمشروع حقيقي مع فريق الشركة ويحصلون على شهادة خبرة

🔹 المخرجات — بعد الدورة ستكون قادراً على:

• بناء تطبيقات تعمل على iOS و Android من قاعدة شيفرة TypeScript واحدة

• استخدام أنماط التنقل الثلاثة في Expo Router (Stack و Tabs و Drawer) والمسارات الديناميكية

• إدارة الحالة المحلية والعامة، وجلب بيانات APIs، وتخزين البيانات على الجهاز

• استخدام ميزات الجهاز الأصلية (الكاميرا، الموقع/الخرائط، الصوت) والإشعارات

• بناء تطبيق تواصل اجتماعي إنتاجي بخادم Supabase مع تحديث لحظي وواجهة تفاؤلية

• النشر على App Store و Google Play