Le programme de la formation

Introduction
• Objectifs du module
• Comparatif des frameworks
• Historique
• Présentation
• Conclusion Ce module vous propose la consultation d’une vidéo d’une durée de 00h05.

Installation
• Objectifs du module
• Installation de Node.js
• Installation de WebStorm
• Création d’un premier projet
• Structure de base du premier projet
• Démonstration – Installation et création du premier projet
• Conclusion Ce module vous propose la consultation d’une vidéo d’une durée de 00h07.

Les composants
• Objectifs du module
• Introduction à JSX
• Le composant variable
• Le composant fonction
• Le composant classe
• Les props
• Les listes et les clés
• Démonstration – Création d’un composant
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion Ce module vous propose la consultation d’une vidéo d’une durée de 00h42.
Dynamiser un projet
• Objectifs du module
• La gestion basique des états
• Les évènements
• Le cycle de vie d’un composant
• L’affichage conditionnel
• Démonstration – Gestion des états
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion Ce module vous propose la consultation d’une vidéo d’une durée de 00h48.   Les formulaires
• Objectifs du module
• Gestion basique des formulaires
• Formulaires contrôlés
• Validation des données et sécurité
• Démonstration – Gestion des formulaires
• TP à réaliser
• Correction TP 1/3
• Correction TP 2/3
• Correction TP 3/3
• Conclusion Ce module vous propose la consultation d’une vidéo d’une durée de 01h30.
Programmation fonctionnelle et hooks
• Objectifs du module
• Introduction à la programmation fonctionnelle
• Hook d’état
• Hook d’effet
• Hook de référence
• Hook personnalisé et autres hooks
• Optimisation des états
• Démonstration – Gestion des formulaires en programmation fonctionnelle 1/2
• Démonstration – Gestion des formulaires en programmation fonctionnelle 2/2
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion Ce module vous propose la consultation d’une vidéo d’une durée de 01h29.   React Router
• Objectifs du module
• Introduction à React Router
• BrowserRouter, Routes et Route
• Route not found et route avec params
• Le composant Link
• Les hooks de React Router
• Démonstration – Utilisation de React Router
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 01h07.   Contexte applicatif
• Objectifs du module
• Introduction au contexte applicatif
• API Context
• Les reducers
• Redux Toolkit
• Les slices et wrapping du contexte
• Récupérer et modifier les valeurs dans le store
• Démonstration – Contexte avec API Context
• Démonstration – Contexte avec Redux Toolkit
• TP à réaliser
• Correction du TP
• Conclusion Ce module vous propose la consultation d’une vidéo d’une durée de 00h52.