Passer au contenu
30 h

Web

React JS

Préalables

Détenir une bonne connaissance de JavaScript orienté objet

Objectifs:

À la fin du cours, le participant pourra utiliser la librairie React.js pour développer des interfaces utilisateurs Web interactifs et performants.

Contenu du cours:

React.js

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

Composantes

  • Introduction
  • Démarrage d’un nouveau projet
  • Création de votre première composante React
  • Hiérarchie des composantes
  • Expressions
  • Attributs
  • Rendu des composantes
  • Gestion des événements
  • Mise à jour de l’état d’une composante
  • Passage des arguments aux événements
  • Exercices

Structure des composantes

  • Introduction
  • Relais des composantes
  • Passages des données aux composantes
  • Passages des propriétés
  • Débogage
  • Propriétés et état
  • Déclenchement et gestion des événements
  • Mise à jour de l’état d’une composante
  • Composante de contrôle
  • Synchronisation des composantes
  • Composante parente et son état
  • Composante fonctionnel sans état
  • Cycle de vie et fonctions d’ancrage
  • Exercices

Pagination

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

Filtrage

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

Ordonnancement

  • Introduction
  • Composante UI
  • Événement d’ordonnancement
  • Agencement des items
  • Exercices

Routage

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

Formulaire

  • Introduction
  • Création d’un formulaire
  • Gestion de la soumission des formulaires
  • Refs
  • Composante 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