ما الذي ستتعلّمه
- فهم ما يقدّمه React (المكوّنات، العرض التصريحي، المطابقة reconciliation) وإنشاء مشروع باستخدام Vite
- كتابة مكوّنات بـJSX وتمرير الخصائص والعناصر الأبناء إليها، وعرض القوائم بالمفاتيح والمحتوى المشروط
- جعل الواجهة تفاعلية باستخدام useState ومعالجات الأحداث والنماذج المتحكَّم فيها
- تقسيم نموذج تصميم إلى مكوّنات، ووضع الحالة في المكان المناسب، وتمرير البيانات من الأعلى إلى الأسفل
- مزامنة مكوّن مع العالم الخارجي باستخدام useEffect، ومعرفة متى يكون التأثير غير ضروري
- تحميل البيانات من واجهة API بشكل سليم (التحميل، الأخطاء، الإلغاء) وكتابة hooks خاصة بك
- إدارة حالة عامة (سلة المشتريات) باستخدام useContext وuseReducer، والتنقل بين الصفحات باستخدام React Router
- تنسيق تطبيق React وجعله سهل الوصول واختباره وتصحيحه وبناؤه ونشره خلف nginx
برنامج التكوين
13 درسًا · 13 س 40 دالقسم 1 — أساسيات React
- لماذا React: المكوّنات، والعرض التصريحي، وأول مشروع باستعمال Vite معاينة40 د
- JSX et composants : props, children, listes, clés et rendu conditionnel 50 د
- L'état avec useState : événements et formulaires contrôlés 55 د
- Penser en React : découper une maquette, placer l'état, faire circuler les données 50 د
القسم 2 — Hooks والبيانات
- Les effets : useEffect, dépendances, nettoyage — et quand s'en passer 55 د
- Charger des données d'une API : fetch, chargement, erreurs et annulation 55 د
- useRef, useMemo, useCallback et hooks personnalisés 55 د
- État global : useContext et useReducer pour le panier 1 س
- Navigation avec React Router : routes, paramètres et liens 55 د
القسم 3 — الجودة والإنتاج
القسم 4 — المشروع
المتطلبات
- دورة «تطوير الويب: HTML وCSS وJavaScript» أو ممارسة جيدة لـJavaScript الحديثة (الدوال السهمية، المصفوفات، الكائنات، الوحدات، الوعود)
- معرفة استخدام الطرفية وnpm (دورة «Node.js» ميزة إضافية وليست شرطًا)
لمن هذا التكوين؟
- مطوّرو الويب الذين يريدون الانتقال من JavaScript «اليدوية» إلى مكتبة واجهات احترافية
- طلبة المعلوميات (BTS، DUT، الإجازة، مدارس المهندسين) الذين يستعدون لتدريب أو لوظيفة أولى في الواجهة الأمامية (front-end)
- مطوّرو الواجهة الخلفية (PHP وJava وNode.js) الذين يتعيّن عليهم تسليم الواجهة أيضًا
- المستقلون الذين ينجزون متاجر إلكترونية أو مواقع حجز أو لوحات تحكم لعملاء في المغرب