ݺߣ

ݺߣShare a Scribd company logo

3- الفرق بين Ionic - Ionic Vs React Native

•
•
رياض خليفة
رياض خليفة

مضمون الدرس: التعريف بالفرق بين Ionic Vs React Native.

1 of 18
Downloaded 17 times
3- الفرق بين Ionic - Ionic Vs React Native
‫هي‬ ‫ما‬REACT •‫المستخدم‬ ‫مع‬ ‫تفاعلية‬ ‫واجهات‬ ‫لبناء‬ ‫سكريبت‬ ‫جافا‬ ‫مكتبة‬ ‫هي‬. •‫تستخدم‬REACT‫إع‬ ‫دون‬ ‫المحتوى‬ ‫تحديث‬ ‫يتم‬ ‫حيث‬ ‫الصفحة‬ ‫وحيدة‬ ‫تطبيقات‬ ‫لبناء‬‫تحمي‬ ‫ادة‬‫ل‬ ‫الصفحة‬. •‫األخبار‬ ‫وآخر‬ ‫واإلشعارات‬ ‫المحادثة‬ ‫في‬ ‫بكثرة‬ ‫تستخدم‬. •‫تقوم‬‫واجهة‬ ‫بتوليد‬‫بين‬ ‫تمزج‬ ‫بطريقة‬ ‫كاملة‬HTML‫و‬JAVASCRIPT‫وتسمى‬JSX‫تغني‬ ‫الستخدام‬ ‫عن‬DOM
‫تاريخ‬REACT •‫فيسبو‬ ‫شركة‬ ‫في‬ ‫العاملين‬ ‫المهندسين‬ ‫أحد‬ ‫قبل‬ ‫من‬ ‫المكتبة‬ ‫هذه‬ ‫إنشاء‬ ‫تم‬‫ك‬JORDAN WALKE, ‫موقع‬ ‫في‬ ‫األخبار‬ ‫آخر‬ ‫قسم‬ ‫في‬ ‫األولى‬ ‫للمرة‬ ‫تطبيقها‬ ‫تم‬ ‫وقد‬‫الفيسبوك‬‫عام‬2011,‫عام‬ ‫وفي‬ 2012‫موقع‬ ‫قام‬INSTAGRAM‫باستخدامها‬. •‫عام‬ ‫في‬2013‫المصدر‬ ‫مفتوحة‬ ‫أصبحت‬. •‫عام‬ ‫في‬2015‫عن‬ ‫فيسبوك‬ ‫أعلن‬REACT NATIVE‫مفتوحة‬ ‫أصبحت‬ ‫العام‬ ‫نفس‬ ‫وفي‬ ‫المصدر‬.
‫هي‬ ‫ما‬REACT
3- الفرق بين Ionic - Ionic Vs React Native
3- الفرق بين Ionic - Ionic Vs React Native
3- الفرق بين Ionic - Ionic Vs React Native
FAMOUS REACT USERS
REACT NATIVE •‫موبايل‬ ‫تطبيقات‬ ‫لبناء‬ ‫عمل‬ ‫بيئة‬NATIVE‫ومكتبة‬ ‫سكريبت‬ ‫الجافا‬ ‫لغة‬ ‫باستخدام‬REACT. •‫با‬ ‫مطور‬ ‫وكأنه‬ ‫يبدو‬ ‫سكريبت‬ ‫بالجافا‬ ‫المطور‬ ‫التطبيق‬ ‫جعل‬ ‫منها‬ ‫الهدف‬‫األ‬ ‫للغة‬‫م‬. •REACT NATIVE => NATIVE FEELING APPLICATION
REACT NATIVE ‫عملها‬ ‫مبدأ‬: •‫النظام‬ ‫في‬ ‫الموجودة‬ ‫الصفوف‬ ‫استدعاء‬ ‫خالل‬ ‫من‬ ‫الواجهات‬ ‫ببناء‬ ‫تقوم‬,‫اآلن‬ ‫في‬ ‫زر‬ ‫إلنشاء‬ ً‫ال‬‫مث‬‫تقوم‬ ‫درويد‬ ‫صف‬ ‫باستدعاء‬ ‫المكتبة‬BUTTON‫وإنشاء‬INSTANCE‫منه‬. •‫وت‬ ‫سكريبت‬ ‫الجافا‬ ‫دوال‬ ‫باستدعاء‬ ‫التطبيق‬ ‫يقوم‬ ‫التطبيق‬ ‫وظائف‬ ‫لتنفيذ‬‫خال‬ ‫من‬ ‫نفيذها‬‫ل‬ JAVASCRIPTCORE VIRTUAL MACHINE. •‫باستدعاء‬ ‫يقوم‬ ‫أن‬ ً‫ا‬‫أيض‬ ‫سكريبت‬ ‫الجافا‬ ‫كود‬ ‫بإمكان‬‫مكتوبة‬ ‫دوال‬‫يستطي‬ ‫وبهذا‬ ‫األم‬ ‫باللغة‬‫مع‬ ‫التعامل‬ ‫ع‬ ‫الواجهة‬ ‫عناصر‬.
REACT NATIVE
Ionic Vs React Native
Ionic Vs React Native React NativeIonic ‫العمل‬ ‫ناحية‬ ‫من‬‫يعم‬ ‫أصلي‬ ‫تطبيق‬ ‫هو‬‫ل‬ ‫طبقة‬ ‫في‬ Applications ‫على‬ ‫يعمل‬WebView
Ionic Vs React Native React NativeIonic ‫ناحية‬ ‫من‬ ‫الواجهة‬ ‫مكونات‬ ‫ا‬ ‫باللغة‬ ‫مكتوبة‬‫ألم‬ ‫التشغيل‬ ‫لنظام‬ ‫بلغات‬ ‫مكتوبة‬ ‫الويب‬
Ionic Vs React Native React NativeIonic ‫اإلضافات‬ ‫ناحية‬ ‫من‬React Native plugins Cordova Plugins Ionic Native
Ionic Vs React Native React NativeIonic ‫اللغات‬ ‫ناحية‬ ‫من‬ ‫المستعملة‬ JavaScript JSX Angularjs Typescript
Ionic Vs React Native React NativeIonic ‫التشغي‬ ‫أنظمة‬ ‫ناحية‬ ‫من‬‫ل‬ ‫المدعومة‬ Android IOS Android IOS Windows Phone
3- الفرق بين Ionic - Ionic Vs React Native

More Related Content

3- الفرق بين Ionic - Ionic Vs React Native

  • 2. ‫هي‬ ‫ما‬REACT •‫المستخدم‬ ‫مع‬ ‫تفاعلية‬ ‫واجهات‬ ‫لبناء‬ ‫سكريبت‬ ‫جافا‬ ‫مكتبة‬ ‫هي‬. •‫تستخدم‬REACT‫إع‬ ‫دون‬ ‫المحتوى‬ ‫تحديث‬ ‫يتم‬ ‫حيث‬ ‫الصفحة‬ ‫وحيدة‬ ‫تطبيقات‬ ‫لبناء‬‫تحمي‬ ‫ادة‬‫ل‬ ‫الصفحة‬. •‫األخبار‬ ‫وآخر‬ ‫واإلشعارات‬ ‫المحادثة‬ ‫في‬ ‫بكثرة‬ ‫تستخدم‬. •‫تقوم‬‫واجهة‬ ‫بتوليد‬‫بين‬ ‫تمزج‬ ‫بطريقة‬ ‫كاملة‬HTML‫و‬JAVASCRIPT‫وتسمى‬JSX‫تغني‬ ‫الستخدام‬ ‫عن‬DOM
  • 3. ‫تاريخ‬REACT •‫فيسبو‬ ‫شركة‬ ‫في‬ ‫العاملين‬ ‫المهندسين‬ ‫أحد‬ ‫قبل‬ ‫من‬ ‫المكتبة‬ ‫هذه‬ ‫إنشاء‬ ‫تم‬‫ك‬JORDAN WALKE, ‫موقع‬ ‫في‬ ‫األخبار‬ ‫آخر‬ ‫قسم‬ ‫في‬ ‫األولى‬ ‫للمرة‬ ‫تطبيقها‬ ‫تم‬ ‫وقد‬‫الفيسبوك‬‫عام‬2011,‫عام‬ ‫وفي‬ 2012‫موقع‬ ‫قام‬INSTAGRAM‫باستخدامها‬. •‫عام‬ ‫في‬2013‫المصدر‬ ‫مفتوحة‬ ‫أصبحت‬. •‫عام‬ ‫في‬2015‫عن‬ ‫فيسبوك‬ ‫أعلن‬REACT NATIVE‫مفتوحة‬ ‫أصبحت‬ ‫العام‬ ‫نفس‬ ‫وفي‬ ‫المصدر‬.
  • 9. REACT NATIVE •‫موبايل‬ ‫تطبيقات‬ ‫لبناء‬ ‫عمل‬ ‫بيئة‬NATIVE‫ومكتبة‬ ‫سكريبت‬ ‫الجافا‬ ‫لغة‬ ‫باستخدام‬REACT. •‫با‬ ‫مطور‬ ‫وكأنه‬ ‫يبدو‬ ‫سكريبت‬ ‫بالجافا‬ ‫المطور‬ ‫التطبيق‬ ‫جعل‬ ‫منها‬ ‫الهدف‬‫األ‬ ‫للغة‬‫م‬. •REACT NATIVE => NATIVE FEELING APPLICATION
  • 10. REACT NATIVE ‫عملها‬ ‫مبدأ‬: •‫النظام‬ ‫في‬ ‫الموجودة‬ ‫الصفوف‬ ‫استدعاء‬ ‫خالل‬ ‫من‬ ‫الواجهات‬ ‫ببناء‬ ‫تقوم‬,‫اآلن‬ ‫في‬ ‫زر‬ ‫إلنشاء‬ ً‫ال‬‫مث‬‫تقوم‬ ‫درويد‬ ‫صف‬ ‫باستدعاء‬ ‫المكتبة‬BUTTON‫وإنشاء‬INSTANCE‫منه‬. •‫وت‬ ‫سكريبت‬ ‫الجافا‬ ‫دوال‬ ‫باستدعاء‬ ‫التطبيق‬ ‫يقوم‬ ‫التطبيق‬ ‫وظائف‬ ‫لتنفيذ‬‫خال‬ ‫من‬ ‫نفيذها‬‫ل‬ JAVASCRIPTCORE VIRTUAL MACHINE. •‫باستدعاء‬ ‫يقوم‬ ‫أن‬ ً‫ا‬‫أيض‬ ‫سكريبت‬ ‫الجافا‬ ‫كود‬ ‫بإمكان‬‫مكتوبة‬ ‫دوال‬‫يستطي‬ ‫وبهذا‬ ‫األم‬ ‫باللغة‬‫مع‬ ‫التعامل‬ ‫ع‬ ‫الواجهة‬ ‫عناصر‬.
  • 12. Ionic Vs React Native
  • 13. Ionic Vs React Native React NativeIonic ‫العمل‬ ‫ناحية‬ ‫من‬‫يعم‬ ‫أصلي‬ ‫تطبيق‬ ‫هو‬‫ل‬ ‫طبقة‬ ‫في‬ Applications ‫على‬ ‫يعمل‬WebView
  • 14. Ionic Vs React Native React NativeIonic ‫ناحية‬ ‫من‬ ‫الواجهة‬ ‫مكونات‬ ‫ا‬ ‫باللغة‬ ‫مكتوبة‬‫ألم‬ ‫التشغيل‬ ‫لنظام‬ ‫بلغات‬ ‫مكتوبة‬ ‫الويب‬
  • 15. Ionic Vs React Native React NativeIonic ‫اإلضافات‬ ‫ناحية‬ ‫من‬React Native plugins Cordova Plugins Ionic Native
  • 16. Ionic Vs React Native React NativeIonic ‫اللغات‬ ‫ناحية‬ ‫من‬ ‫المستعملة‬ JavaScript JSX Angularjs Typescript
  • 17. Ionic Vs React Native React NativeIonic ‫التشغي‬ ‫أنظمة‬ ‫ناحية‬ ‫من‬‫ل‬ ‫المدعومة‬ Android IOS Android IOS Windows Phone