ماذا ستتعلم
كل ما تحتاج لمعرفته حول التصميم في React Native ، وكيفية تغيير نمط النص بالإضافة إلى تعلم كيفية تغيير نمط العرض.
كيفية ضبط وتغيير التصميم ليناسب النظام الأساسي الذي تستخدمه سواء كان IOS أو Android ، وتصميم الصور وكيفية استخدام Flexbox في React Native.
استخدام خطوط google المختلفة وإنشاء مكون نص مخصص. كيفية إنشاء Stack Navigator و Tab Navigator للتنقل بين الصفحات ، بالإضافة إلى إضافة مخططات Dart & Light.
هذه الدورة تتضمن
- 2 ساعة 56 دقيقة/18 درس
- آخر تحديث: 27/4/2022
- شهادة إتمام الدورة
محتوى الدورة
أساسيات التصميم
تصميم الخطوط (Text)
أساسيات التصميم
تصميم الخطوط (Text)
تصميم المناظر (Views)
تغيير التصميم على حسب المنصة (iOS او Android)
تصميم الصور
استخدام Flexbox في React Native
تحميل خطوط مخصوصة
إنشاء مكون نص مخصوص
تعريف أنواع الخواص في المكونات
تحسين تنظيم الكود
التنقل بين الصفحات ب Stack Navigator
التنقل بين الصفحات بTab Navigator
إضافةُ مظهرٍ داكنٍ ومظهرٍ فاتحٍ
تغيير ألوان وخطوط المظهر الداكن والفاتح
تغيير خطوط وأيقونات شريط التبويبات
تحويل اتجاه البرنامج من اليمين الي اليسار او من اليسار الى اليمين حسب اللغة
ترجمة النصوص في البرنامج
تحميل الترجمات الشائعة
عن الدورة
أصبحنا نعيش في عالم لا تخلو منه الحاجة إلى استخدام تطبيقات الهواتف، إما بغاية التواصل الاجتماعي والترفيه واللعب، أو للتسوّق والتنقل والخدمات البنكية. وعليه، فقد أصبح الأمر مكلفًا جدًا لتنفيذ أفكار التطبيقات، نظرًا للوقت الذي يستغرقه الأمر والمجهود المبذول في تطوير نسختين بقاعدة تعليمات برمجية مختلفة لكل من الأندرويد وال iOS. ولذلك، تم تصميم هذه السلسلة التدريبية المكونة من خمسة أجزاء حول React Native الذي يسمح للمطورين بإنشاء قاعدة تعليمات برمجية واحدة تعمل بمنتهى الفعالية على كلا النظامين.
متطلبات الدورة
هذه الدورة التدريبية تتطلب وجود معرفة مسبقة بأساسيات جافا سكريبت، وReactJS، وGit.
عن الخبير
علي علاء
مطور واجهات استخدام
451 متعلمين
5 دورات