React JS

Formation offerte en collaboration avec Services Québec

Cours WEB_PRO

Durée 30 heures

Non offert présentement

M'aviser lorsqu'un groupe sera ouvert

Préalables

Posséder une bonne connaissance en JavaScript.

Besoins technologiques pour la formation à distance : Connexion à Internet, microphone et caméra.

Objectifs

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

Approche pédagogique

  • Présentation des concepts de base
  • Démonstration des concepts à l'ordinateur
  • Exercices à l'ordinateur supervisés par le formateur
  • Aide individuelle lors des exercices
  • Attestation délivrée en fin de cours

    Une attestation de participation est remise aux personnes ayant assisté à plus de 80 % des heures de formation

    Matériel pédagogique

    Matériel didactique

    Autres particularités

    Afin d'atteindre un bon niveau de maîtrise, le participant devrait compléter le cours par la pratique personnelle

    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
    College de Maisonneuve | Formation continue