الفئات: التكنولوجيا والتطوير
كل ما تحتاج لمعرفته حول التصميم في React Native ، وكيفية تغيير نمط النص بالإضافة إلى تعلم كيفية تغيير نمط العرض.
كيفية ضبط وتغيير التصميم ليناسب النظام الأساسي الذي تستخدمه سواء كان IOS أو Android ، وتصميم الصور وكيفية استخدام Flexbox في React Native.
استخدام خطوط google المختلفة وإنشاء مكون نص مخصص. كيفية إنشاء Stack Navigator و Tab Navigator للتنقل بين الصفحات ، بالإضافة إلى إضافة مخططات Dart & Light.
دروس مجانية
اساسيات التصميم
تصميم الخطوط (Text)
1. التصميم في React Native
اساسيات التصميم
تصميم الخطوط (Text)
تصميم المناظر (Views)
تغيير التصميم على حسب المنصة (iOS او Android)
تصميم الصور
استخدام Flexbox في React Native
2. الخطوط، التنقل بين الصفحات، الأنماط، التدويل و الترجمة
تحميل خطوط مخصوصة
إنشاء مكون نص مخصوص
تعريف أنواع الخواص في المكونات
تحسين تنظيم الكود
التنقل بين الصفحات ب Stack Navigator
التنقل بين الصفحات بTab Navigator
اضافة مظهر داكن و مظهر فاتح
تغيير الوان و خطوط المظهر الداكن و الفاتح
تغيير خطوط و ايقونات الTab Bar
تحويل اتجاه البرنامج من اليمين الي اليسار او من اليسار الى اليمين حسب اللغة
ترجمة النصوص في البرنامج
تحميل الترجمات الشائعة
أصبحنا نعيش في عالم لا تخلو منه الحاجة إلى استخدام تطبيقات الهواتف، إما بغاية التواصل الاجتماعي والترفيه واللعب، أو للتسوّق والتنقل والخدمات البنكية. وعليه، فقد أصبح الأمر مكلفًا جدًا لتنفيذ أفكار التطبيقات، نظرًا للوقت الذي يستغرقه الأمر والمجهود المبذول في تطوير نسختين بقاعدة تعليمات برمجية مختلفة لكل من الأندرويد وال iOS. ولذلك، تم تصميم هذه السلسلة التدريبية المكونة من خمسة أجزاء حول React Native الذي يسمح للمطورين بإنشاء قاعدة تعليمات برمجية واحدة تعمل بمنتهى الفعالية على كلا النظامين.
هذه الدورة التدريبية تتطلب وجود معرفة مسبقة بأساسيات جافا سكريبت، وReactJS، وGit.
مطور واجهات استخدام
398 متعلمين
5 دورات