Passer au contenu
30 h

Web

2$/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.