كورس عملي لبناء تطبيق طقس باستخدام React – تعلم React حتى الاحتراف

🎯 في هذه السلسلة التعليمية هنتعلم React JS من خلال مشروع عملي لبناء تطبيق طقس احترافي خطوة بخطوة. الكورس مناسب للمبتدئين وبيعتمد على التطبيق العملي بدل الشرح النظري فقط.

📱 هنتعلم إزاي نستخدم React لبناء واجهة مستخدم حديثة، ونتعامل مع APIs خارجية (زي OpenWeatherMap) لجلب بيانات الطقس وعرضها بشكل جذاب وسهل.

💡 الكورس هيغطي:

أساسيات React (المكونات، الحالة، useEffect، props)

كيفية استهلاك API وعرض البيانات

تصميم واجهة المستخدم بطرق احترافية

نصائح لبناء مشروع حقيقي تضيفه لـPortfolio بتاعك

📌 لو بتدور على مشروع تطبيقي تتعلم منه React وتبدأ مسيرتك في تطوير الواجهات، فالسلسلة دي معمولة ليك.

يتكوّن الكورس من 10 دروس من تقديم CodeX - بالعربي بإجمالي مدة ساعة و56 دقيقة. بمعدل نصف ساعة يوميًا يمكنك إتمام الكورس في 4 أيام. حققت صفحة الكورس على مصر 24 أكثر من 103 مشاهدة. أطول الدروس «تطبيق طقس بـ من الصفر… في ساعة واحدة بس! (مشروع عملي سريع)» بمدة 58 دقيقة، ومتوسط مدة الدرس 11 دقيقة. أول ما ستشاهده هو «تعلم عملي - تطبيق طقس للمبتدئين - ( )»، وآخر محطة في الكورس «تطبيق طقس بـ من الصفر… في ساعة واحدة بس! (مشروع عملي سريع)». المحتوى موجّه إلى المبتدئين في مجال برمجة وتطوير المواقع.

لماذا تتعلم لبناء تطبيق طقس باستخدام React – تعلم React حتى الاحتراف؟

• React من Meta هي المكتبة الأكثر استخداماً لبناء واجهات المستخدم، تستخدمها Facebook وInstagram وAirbnb.
• مجاني بالكامل — ابدأ الآن دون أي رسوم
• شهادة إتمام باسمك من أكاديمية مصر ٢٤ — أضفها لـ CV وLinkedIn
• تعلّم في أي وقت — بالسرعة التي تناسبك
• Next.js فوق React يضيف SSR وSSG وAPI Routes مما يجعله مثالياً لـ SEO والأداء.

مسار التعلم في هذا الكورس

يسير الكورس بترتيب متدرّج: تعلم عملي - تطبيق طقس للمبتدئين - ( ) ← جلب بيانات الطقس من API باستخدام ← تثبيت وتهيئة Tailwind CSS ← إضافة توقعات الطقس باستخدام ← تطبيق طقس بـ من الصفر… في ساعة واحدة بس! (مشروع عملي سريع).

المتطلبات السابقة

لا يحتاج الكورس خبرة سابقة في برمجة وتطوير المواقع؛ يبدأ معك من الأساسيات. كل ما تحتاجه: جهاز متصل بالإنترنت، ووقت ثابت للتطبيق بعد كل درس.

أول درس في الكورس: «تعلم عملي - تطبيق طقس للمبتدئين - ( )».

الأدوات المستخدمة في الكورس

• Tailwind CSS
• React

أدوات أخرى شائعة في مجال برمجة وتطوير المواقع: VS Code، npm، Vite، Redux، Next.js.

ما تحتاجه لتطبيق الكورس

• لابتوب بمعالج Core i5 أو Ryzen 5 أو أحدث
• رام 8 جيجا على الأقل، و16 جيجا أفضل
• قرص SSD لتشغيل أدوات التطوير بسرعة

الوظائف المرتبطة بهذا الكورس

• مطور واجهات أمامية: بناء واجهات المواقع التفاعلية
• مطور باك إند: بناء الخوادم وقواعد البيانات وواجهات API
• مبرمج: كتابة الكود وبناء البرامج وحل المشكلات التقنية

متوسط رواتب مطور واجهات أمامية في 2026

• مصر: 9,520 – 45,997 جنيه شهريًا
• السعودية: 6,493 – 22,019 ريال شهريًا
• الإمارات: 12,782 – 33,231 درهم شهريًا

وللمقارنة: مطور باك إند في مصر 10,541 – 50,290 جنيه، ومبرمج في مصر 11,248 – 45,108 جنيه.

أرقام شهرية تقريبية من بيانات Paylab، آخر مراجعة سبتمبر 2026. الراتب الفعلي يختلف حسب الخبرة والمدينة والشركة.

كم من الوقت تحتاج لإتقان لبناء تطبيق طقس باستخدام React – تعلم React حتى الاحتراف؟

إجمالي مدة الدروس الفعلية: ساعة و56 دقيقة. إذا خصصت 30 دقيقة يوميًا ستنهيه في 4 أيام، وبساعة يوميًا في يومين. ومع التطبيق العملي وإعادة المشاهدة احسب ضعف المدة تقريبًا، فالإتقان يأتي من التطبيق وليس من المشاهدة وحدها.

شهادات مهنية يمكنك التقدم لها لاحقًا في مجال برمجة وتطوير المواقع

شهادات دولية مستقلة لا يمنحها هذا الكورس، لكنه خطوة نحوها.

• Meta Front-End Developer (Coursera)
• AWS Certified Developer – Associate
• Oracle Certified Professional: Java SE

مشاريع شائعة في مجال برمجة وتطوير المواقع

• Dashboard
• Blog
• E-commerce
• Social Platform
• SaaS App

ماذا بعد هذا الكورس؟

بعد إتمام الكورس، يُوصى بالتعمق في: TypeScript، GraphQL، Testing، React Native.

الأقسام الجامعية ذات الصلة

• كلية الحاسبات والمعلومات
• كلية الهندسة (قسم الحاسبات)
• المعاهد العليا لنظم المعلومات

ابدأ مصدر دخلك من المجال

تقدر تشتغل عمل حر وتبني مواقع لعملاء على منصات زي مستقل وUpwork.