Web

5$/h – React JS

Objectifs:

Au terme de ce cours, le participant pourra utiliser la bibliothèque React.js pour développer des interfaces utilisateurs web interactives et performantes. 

Contenu du cours:

React.js 

• Introduction
• Installation de l’environnement
• Création de votre premier programme React
• Configuration d’un programme React
• Architecture d’une application web
• Exercices 

Composants 

• Introduction
• Démarrage d’un nouveau programme
• Création de votre premier composant React
• Hiérarchie des composants
• Expressions
• Attributs
• Rendu des composants
• Gestion des événements
• Mise à jour de l’état d’un composant
• Passage des arguments aux événements
• Exercices

Structure des composants 

• Introduction
• Relais des composants
• Passage des données aux composants
• Passage des propriétés
• Débogage
• Propriétés et état
• Déclenchement et gestion des événements
• Mise à jour de l’état d’un composant
• Composant de contrôle
• Synchronisation des composants
• Composant parent et son état
• Composant fonctionnel sans état
• Cycle de vie et fonctions d’ancrage
• Exercices

Pagination 

• Introduction
• Composant UI
• Affichage des pages
• Changement de page
• Gestion des erreurs
• Exercices

Filtrage 

• Introduction
• Composant UI
• Affichage des filtres
• Sélection des filtres
• Filtrage des résultats
• Exercices

Ordonnancement 

• Introduction
• Composant UI
• Événement d’ordonnancement
• Agencement des éléments
• Exercices

Routage 

• Introduction
• Installation
• Ajout du routage
• Switch et Link
• Propriétés des routes
• Passage des propriétés
• Paramètres requis et optionnels des routes
• Paramètres de requête
• Redirections
• Navigation
• Routages imbriqués
• Exercices

Formulaire 

• Introduction
• Création d’un formulaire
• Gestion de la soumission des formulaires
• Refs
• Composant de contrôle
• Gestion des entrées multiples
• Validation

Appel des services dorsaux 

• Introduction
• Clients HTTP
• Retournement des données
• Création des données
• Cycle de vie d’une requête
• Mise à jour des données
• Suppression des données
• Mises à jour UI
• Gestion des erreurs
• Exercices

Authentification et autorisation 

• Introduction
• Gestion des utilisateurs
• Identification des utilisateurs
• Gestion des erreurs
• JSON Web Token
• Appel des API sécurisées
• Gestion de l’affichage UI en fonction de l’utilisateur
• Sécurisation des routes
• Redirection

Préalables

• Posséder une bonne connaissance de JavaScript.
• Avoir un ordinateur personnel muni d’une caméra et d’un microphone ainsi qu’une bonne connexion Internet pour la formation à distance.