Overview

هو إطار عمل مفتوح المصدر لبناء تطبيقات تعمل في منصات مختلفة باستخدام React والقدرات الأصلية للمنصة. في هذه الدورة التدريبية، ستنتقل من أساسيات React إلى تطبيق المفاهيم الأكثر تقدمًا باستخدام React Native. ستقوم بمراجعة مجموعة واسعة من مكونات React المختلفة وطرق تصميمها. وستتدرب على استخدام طرق مختلفة لتفاعل المحمول مع React Native. وستتضمن بعض المهارات الأساسية التي ستتعلمها ما يلي: •إنشاء تطبيق React Native من صفحة واحدة وتصميمه باستخدام المكونات الأساسية •إنشاء قوائم كبيرة وتكوين مدخلات المستخدم في تطبيق React Native •استخدام المكون Pressable لإنشاء أزرار ومناطق أخرى قابلة للضغط •إعداد تطبيق باستخدام React Navigation والتنقل بين الشاشات وستكتسب خبرة في التعامل مع الأدوات والبرامج التالية: • React • React Native • لغات تطوير الواجهات الأمامية (HTML وCSS وJavaScript) • JSX • برامج تحرير الكود، مثل Expo وVisual Studio Code هذه الدورة مخصصة للمتعلمين الذين يرغبون في إعداد أنفسهم للعمل في مجال تطوير التطبيقات للأجهزة المحمولة. للنجاح في هذه الدورة التدريبية، ينبغي أن تكون على دراية بأساسيات React ومهارات تصفح الإنترنت وأن يكون لديك شغف بمجال البرمجة.

Syllabus

مقدمة إلى React Native

في هذه الوحدة، سوف تتعرف على البنية الأساسية لإطار العمل React Native واستخداماته المختلفة. سوف تتعلم إنشاء تطبيق React Native من صفحة واحدة وتصميمه باستخدام المكونات الأساسية مثل View وText وStyleSheet.

القوائم وإدخال النص في React Native

ستتعرف في هذه الوحدة على المكونات الأساسية لإطار العمل React Native. وستتعلم كيفية إنشاء قوائم كبيرة جيدة الأداء باستخدام المكونين FlatList وSectionList. وستتعلم بعد ذلك تكوين مدخلات المستخدم عبر لوحة المفاتيح باستخدام المكون TextInput. بنهاية هذه الوحدة، ستتمكن من إنشاء قوائم كبيرة وتكوين مدخلات المستخدم في تطبيق React Native الخاص بك.

المكونات Pressable وImage وHook في React Native

ستتعرف في هذه الوحدة على كيفية استخدام المكون Pressable لإنشاء أزرار ومناطق أخرى قابلة للضغط. وستتعرف بعد ذلك على كيفية عرض الصور وتصميمها في التطبيق. وأخيرًا، سوف تستكشف بعض خطافات React Native الشائعة التي تكون مفيدة أثناء التطوير

React Navigation

في هذه الوحدة، ستتعرف على جميع الجوانب المتعلقة بالتنقل بين الشاشات باستخدام React Navigation. سوف تتعرف على أنواع التنقل المختلفة، مثل خيارات التنقل Stack وTab وDrawer التي تستخدم على نطاق واسع في تطبيقات الأجهزة المحمولة. وستتعرف أيضًا على الميزات الأساسية لمكتبة React Navigation. وبنهاية هذه الوحدة، ستتمكن من إعداد تطبيقك باستخدام React Navigation والتنقل بين الشاشات.