مشاريع React للتعلم من خلالها

عمل جيد ، ممتاز أنك أنجزت مشروع أوقات الصلاة باستخدام React.

هذا هو الطريق الصحيح تطبيق المشاريع وتطور في الصعوبة والتقنيات حتى تنمو مهاراتك

بعض الأفكار المناسبة لمستواك الحالي وتُساعدك على التعلم أكثر:

1. تطبيق تحويل العملات

• المستخدم يختار عملتين ويُدخل المبلغ.
• يظهر له السعر المحوّل مباشرة باستخدام API من الإنترنت.
• تتعلم فيه التعامل مع الـ API بشكل أعمق.

2. تطبيق مهام (To-Do List) مطوّر

• إضافة مهمة – تعديل – حذف – تعليم كمنتهية.
• استخدم طريقة لحفظ المهام مثل LocalStorage أو Firebase..

3. مفكرة الأذكار اليومية

• كل يوم تُعرض لك أذكار جديدة.
• يُمكن التنقل بين الأذكار وحفظ المفضلة.

التدرج في صعوبة المشاريع امر جيد يساعدك على تطوير مهاراتك نحو الأفضل.

وعليكم السلام ورحمة الله وبركاته.

لإنشاء مشاريع كبيرة وليست بالسهلة ينبغي عليك تعلم الواجهات الخلفية لإنشاء الطلبات .

حيث لن تجد الكثير من ال APIS التي توفر لك ما تريده لإستخدامها في الواجهة الأمامية  أو يمكنك إنشاء بيانات ثابته بنفسك .

يمكنك محاولة إنشاء متجر إلكتروني حيث سيساعدك كثيرا ويحوي الكثير من الوظائف والمميزات .

يمكنك إنشاء موقع لتقديم الخدمات والإستشارات مثلا مثل موقع مستقل أو خمسات .

يمكنك إنشاء موقع عن الرياضة و المباريات والإشتراكات.

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

في حال ليس ببالك فكرة معينة، قم بتنفيذ  تطبيق لوصفات الطعام، بحيث يستطيع المستخدمين إضافة وصفاتهم الخاصة (اسم الوصفة، المكونات، طريقة التحضير، صورة اختيارية)، وعرض قائمة بالوصفات، وعند النقر على وصفة، يتم عرض تفاصيلها.

ومن خلاله ستتمكن من التدرب على التعامل مع النماذج forms بشكل أكبر، وعرض البيانات بشكل ديناميكي، والتعامل مع تحميل الصور لو أردت إضافة تلك الميزة.

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

انتقل بعده إلى استيعاب مفهوم الـ API، استخدم ذلك المشاريع بجلب بيانات من مصدر خارجي عن طريق API ثم عرض تلك البيانات في التطبيق.

ستحتاج إلى مشاهدة التالي:

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