تخطَّ إلى المحتوى
CDA
English قدّم الآن

المسار المتقدم للواجهات الأمامية: React.js

المدة
24 ساعة
طريقة الحضور
هجين
محتوى الدورة
6
التقديم على هذه الدورة

الوصف

هذا المسار مصمم للمطورين الملمين بلغة JavaScript، ويهدف إلى تحويلك لمهندس React محترف قادر على بناء واجهات سريعة، قابلة للتوسع، وتلبي معايير الشركات الكبرى (Enterprise-Level). ستتعمق في بيئة React الحديثة لتتقن استخدام الـ Hooks، وإدارة المسارات عبر React Router، والتحكم في الحالة (State) باستخدام Context API و useReducer. كما ستتعلم إدارة حالة الخادم باستخدام React Query (TanStack)، وإدارة الحالة العامة بـ Redux Toolkit. يغطي المسار أيضاً تصميم الواجهات العصرية بـ Tailwind CSS، وتأمين التطبيقات بنظام المصادقة (JWT) والمسارات المحمية. يُخصص النصف الثاني من المسار بالكامل لبناء مشروع تطبيقي واقعي خطوة بخطوة، وصولاً إلى نشره فعلياً على بيئة الإنتاج (Production).

ماذا ستتعلم

  • بناء تطبيقات React سريعة باستخدام Vite، مع إتقان المكونات (Components)، الخصائص (Props)، وإدارة الحالة (State).
  • الاحتراف في التعامل مع الـ Effects وتوظيف الـ Hooks المتقدمة بكفاءة.
  • إدارة مسارات التنقل (Routing)، وبناء النماذج (Forms) مع التحقق المتقدم من صحتها.
  • ربط التطبيق بالـ APIs وإدارة بيانات الخادم بسلاسة عبر Axios و React Query (TanStack).
  • هندسة حالة التطبيق العامة (Global State) باحترافية عالية باستخدام Redux Toolkit و Context API.
  • تأمين التطبيقات بنظام المصادقة (JWT Authentication) وتفعيل حماية المسارات (Protected Routes).

محتوى الدورة

    • الجلسة 1: أساسيات React، بناء التطبيقات باستخدام Vite، المكونات (Components)، الخصائص (Props)، وإدارة الحالة (State).
    • الجلسة 2: دورة حياة المكونات، التعامل مع التأثيرات الجانبية (Side Effects)، والـ Hooks المتقدمة.

    • الجلسة 3: بنية التوجيه (React Router)، بناء النماذج (Forms)، والتحقق من صحة البيانات.
    • الجلسة 4: أدوات Context API و useReducer وأنماط إدارة الحالة الحديثة.

    • الجلسة 5: ربط التطبيق بالـ APIs باستخدام Axios، وإدارة بيانات الخادم عبر (React Query/TanStack).
    • الجلسة 6: إدارة حالة التطبيق العامة (Global State) باحترافية باستخدام Redux Toolkit.

    • الجلسة 7: استراتيجيات تنسيق الواجهات وبناء تصميمات عصرية باستخدام Tailwind CSS.
    • الجلسة 8: تأمين التطبيق بنظام المصادقة (JWT Authentication) وإعداد المسارات المحمية (Protected Routes).

    • الجلسة 9: مشروع عملي تطبيقي - الجزء الأول (إعداد بنية المشروع ونظام المصادقة).
    • الجلسة 10: مشروع عملي تطبيقي - الجزء الثاني (إدارة الحالة وتطوير جداول البيانات).

    • الجلسة 11: مشروع عملي تطبيقي - الجزء الثالث (دمج الرسوم البيانية والنماذج التفاعلية).
    • الجلسة 12: مشروع عملي تطبيقي - الجزء الرابع (تجهيز المشروع والإطلاق النهائي لبيئة الإنتاج).

التقديم على هذه الدورة

اترك بياناتك وسيتصل بك المنسق لتأكيد مقعدك.

التقديم على هذه الدورة