بناء تطبيقات iOS و Android عن طريق React Native

تطبيقات المحمول اصبحت عنصراً اساسياً فى حياتنا هذه الأيام. من التواصل الاجتماعى و الترفيه و الالعاب، الى التسوق و التنقل و الالخدمات المصرفية. من المعروف ان اشهر منصتين لبناء التطبيقات هم iOS و Android. اذا كنت تمتلك فكرة تطبيق تريد بنائها، فقد يكون من المكلف للمال و الوقت بناء تطبيقين مختلفين لكلتا المنصتين. في هذه الدورة، سوف نقوم بالتعرف على React Native. React Native هو اطار عمل يساعد المطورين على استخدام ReactJS لتطوير تطبيقات لiOS و Android باستخدام چاڤا سكريبت فقط بدون الحاجة لكتابة برنامجين مختلفين لكل منصة.React Native انشأت و تتم صيانتها عن طريق ميتا (فيسبوك سابقاً)

في هذه الدورة سوف نتعلم:

• فهم ما هو React Native.

• فهم ما هو Expo.

• تثبيت واستخدام أدوات التطوير مثل ESLint و Prettier و Husky.

• استخدام iOS Simulator و Android Emulator لتطوير تطبيق.

• التعرف على التصميم في React Native.

• بناء تطبيق يدعم السمات الفاتحة والداكنة.

• بناء تطبيق يدعم لغات متعددة (العربية والإنجليزية).

• التنقل بين الشاشات في تطبيق React Native.

• إنشاء صفحة إعدادات للتطبيق و كيفية حفظ الاعدادات.

• إنشاء تطبيق كامل يتصل بواجهة برمجة تطبيقات خارجية لعرض معلومات الطقس.

• استخدام موقع الهاتف لعرض الطقس في الموقع الحالي.

  
  

Mobile Applications are used in pretty much every aspect in out lives these days. From social networking, entertainment and gaming to shopping, commuting and banking. It's well know that the two major platforms for building mobile applications are iOS and Android. If you have an idea for an application that you would like to build; it can be quite expensive and time consuming to build two separate applications for both platforms. In this course we are going to learn about React Native. React Native is a framework that allows developers to use ReactJS to develop applications for iOS and Android using JavaScript without having to have two seperate code bases. React Native is created and maintained by Meta (formerly Facebook).

In this course we are going to learn:

• Understanding what React Native is.

• Understanding what Expo is.

• Installing and using development tools like ESLint, Prettier and Husky.

• Using the iOS Simulator and the Android Emulator to develop an App.

• Learning about styling in React Native.

• Building an Application that supports light and dark themes.

• Building an Application that supports multiple languages (Arabic and English).

• Navigating between screens in a React Native Application.

• Creating an App settings page with persistent data.

• Creating a Complete App that communicate with an external API to display weather information.

• Using the phone's location to display the weather in the current location.