🎉

تهانينا!

لقد أكملت بنجاح

المستوى الرابع: React & Angular

شهادة معتمدة من أكاديمية البرمجة

✅ اكتسبت المهارات التالية:

  • ✓ مقدمة في React والمكونات (Components)
  • ✓ Props و State وإدارة الحالة
  • ✓ React Hooks المتقدمة (useEffect, useContext, Custom Hooks)
  • ✓ Routing والتنقل بين الصفحات بـ React Router
  • ✓ مقدمة في Angular Framework
  • ✓ Testing والاختبارات الوحدوية (Unit Testing)
  • ✓ تحسين الأداء (Performance Optimization) والـ Deployment
  • ✓ Full Stack Integration - ربط Frontend مع Backend

تاريخ الإكمال:

شهادة رقم: #L4-2026-AC

📚 ما تعلمته في هذا المستوى

⚛️ React.js الأساسي

تعلمت كيفية بناء واجهات مستخدم تفاعلية باستخدام React. بدأت بفهم Virtual DOM وكيفية عمل المكونات (Components)، ثم تعلمت كيفية تمرير البيانات بين المكونات باستخدام Props، وإدارة الحالة الداخلية باستخدام State. قمت ببناء عدة مشاريع صغيرة لتطبيق ما تعلمته.

المشاريع العملية: تطبيق قائمة مهام (Todo App)، معرض صور تفاعلي

🪝 React Hooks المتقدمة

تعمقت في Hooks الحديثة مثل useEffect لإدارة التأثيرات الجانبية، وuseContext لمشاركة البيانات بين المكونات بدون Prop Drilling. كما تعلمت كيفية إنشاء Custom Hooks الخاصة بك لإعادة استخدام المنطق البرمجي.

المشاريع العملية: تطبيق إدارة المستخدمين مع API حقيقي

🧭 Routing & Navigation

تعلمت كيفية بناء تطبيقات متعددة الصفحات باستخدام React Router. فهمت كيفية التنقل بين الصفحات، وحماية المسارات (Protected Routes)، وإدارة معلمات URL (Query Parameters).

المشاريع العملية: مدونة متكاملة مع صفحات متعددة

🅰️ Angular Framework

تعرفت على Angular كبديل قوي لـ React. تعلمت بنية المشروع في Angular، وكيفية إنشاء Components وModules وServices. فهمت Dependency Injection وكيفية إدارة البيانات باستخدام RxJS.

المشاريع العملية: لوحة تحكم إدارية (Admin Dashboard)

🧪 Testing & Quality Assurance

تعلمت أهمية اختبار الكود وكيفية كتابة اختبارات وحدوية (Unit Tests) باستخدام Jest وReact Testing Library. فهمت مفاهيم TDD (Test Driven Development) وكيفية ضمان جودة الكود.

المشاريع العملية: كتابة اختبارات لمشروع React كامل

🚀 Performance & Deployment

تعلمت تقنيات تحسين أداء التطبيقات مثل Code Splitting وLazy Loading. كما تعلمت كيفية نشر التطبيق على منصات مثل Vercel وNetlify وFirebase Hosting.

المشاريع العملية: نشر تطبيق React على الإنترنت

🔗 Full Stack Integration

تعلمت كيفية ربط Frontend (React/Angular) مع Backend (Node.js/Express) باستخدام RESTful APIs. فهمت كيفية إرسال واستقبال البيانات، وإدارة المصادقة (Authentication) باستخدام JWT.

المشاريع العملية: تطبيق كامل Frontend + Backend

🚀 ماذا بعد؟

أنت الآن جاهز للمستوى الخامس - مشروع التخرج الشامل!

العودة للرئيسية 🎓 ابدأ المستوى الخامس

📞 هل تريد المزيد من التعليم؟

تابعنا للحصول على محتوى إضافي، حالات عملية، ودعم مباشر!

اتصل بنا 💬 واتساب

📱 01229068356