React Native: Learn & Practice

Code Play‏

يتضمن إعلانات

لمحة عن هذا التطبيق

تعلّم React Native من خلال شروحات موجزة، وأمثلة برمجية عملية، وتحديات صغيرة. استكشف 148 درسًا موزعة على 10 وحدات، وافتح مثالًا في بيئة البرمجة، وعدّله لتفهم آلية عمل واجهة المستخدم.

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

اقرأ الفكرة قبل التعديل
يجمع كل درس بين هدف، ونظرة عامة بلغة بسيطة، وأفكار رئيسية، وشفرة برمجية، ونصائح عملية، وتحدٍ صغير، وأسئلة للمراجعة الذاتية. شاهد المثال مع شرحه، ثم افتح النسخة القابلة للتعديل عندما تكون مستعدًا للتجربة. تساعدك تصنيفات "مبتدئ"، و"متوسط"، و"تطبيق عملي" على فهم مستوى كل موضوع في الدورة.

جرّب تعديلاتك الخاصة
استخدم محرر JavaScript وJSX المدمج لتعديل النصوص والقيم والأنماط وسلوك المكونات. يُسهّل تمييز بناء الجملة وأرقام الأسطر متابعة الأمثلة. يساعدك التراجع والإعادة على استكشاف التغييرات، بينما تُعيد "إعادة تعيين الكود" المثال الأصلي. انقر على "تشغيل التطبيق" لفتح المعاينة داخل التطبيق، ثم عد إلى التحرير لمحاولة أخرى.

استكشف الأنماط المفيدة
ادرس المدخلات المُتحكَّم بها، والتحقق من صحة النماذج، وإظهار كلمة المرور، وعدادات الأحرف، وتصفية القوائم، والعناصر القابلة للتحديد، والحالات الفارغة. تدرب على العدادات، والمؤقتات، والساعة المباشرة، ومحول درجة الحرارة، وحاسبة الإكراميات، والبطاقات، وقائمة الأكورديون، وعلامات التبويب البسيطة، وقائمة المهام المصغرة. هذه أمثلة تعليمية تُتيح لك دراسة كيفية ترابط أجزاء واجهة المستخدم.

اعثر على الدرس الذي تحتاجه
ابحث عن عناوين الدروس أو ضيّق نطاق المكتبة حسب الوحدة. تنقل بين جميع الدروس، والدروس قيد التقدم، والمفضلة المحفوظة، والدروس المكتملة. استخدم عناصر التحكم "السابق" و"التالي" أو مرر بين الدروس. عند فتح درس من مكتبة مُفلترة، يتبع التنقل هذا الاختيار، مما يُتيح لك البقاء على المواضيع التي اخترتها.

تابع تقدمك في التعلم
احفظ الدروس للمراجعة، وحددها كمكتملة عندما تكون جاهزًا. تعرض الشاشة الرئيسية تقدم الدورة، وعدد الدروس المكتملة والمحفوظة، وسلسلة الدراسة. استأنف الدرس الأخير أو انتقل إلى الموضوع التالي غير المكتمل. يتم تخزين التقدم والعلامات المرجعية محليًا على جهازك.

ارجع إلى تجاربك
تشغيل مثال يحفظ شفرته كمسودة محلية لهذا الدرس. أعد فتح بيئة الاختبار لاستعادة المسودة، أو أعد ضبطها للعودة إلى الشفرة الأصلية. هذا يُسهّل عليك مراجعة فكرة ما بعد استراحة دون الحاجة إلى استبدال المادة الأساسية.

اختر مظهرًا مريحًا
اختر الوضع الفاتح، أو الوضع الداكن، أو سمة النظام لواجهة التعلم. اقرأ مفهومًا، وتفحص شفرته، وأجرِ تغييرًا واحدًا مُركزًا، واستخدم التحدي لتطبيقه عمليًا.

مُصمم للطلاب، والمبتدئين المهتمين بالبرمجة، والمطورين الذين يراجعون مفاهيم واجهات الأجهزة المحمولة. تُعرض الأمثلة في معاينة عبر الويب. قد تختلف واجهات برمجة التطبيقات (APIs) وسلوكياتها الخاصة بالمنصة عن التطبيقات الأصلية. يحتوي التطبيق على إعلانات. تطبيق تعليمي مستقل؛ غير تابع لمشروع React Native أو معتمد منه.

التقييمات والتعليقات

للاسف ما يحول الكود لي apk + العارض سئ