Prenez contact avec nous

Plan du cours

Développement d'applications front-end modernes

  • aperçu et similitudes de React, Angular, Vue.js
  • rendu déclaratif
  • composants - définition de balises HTML personnalisées
  • utilisation de create-react-app pour initialiser un projet React

JavaScript moderne

  • développement avec node.js et npm
  • versions de JavaScript
  • travail avec les modules
  • fonctions et flèches
  • classes
  • programmation fonctionnelle en JavaScript (map, filter, ...)

TypeScript

  • typage statique vs dynamique
  • déclaration des types de variables, fonctions et classes
  • types de données de base
  • tuples, objets
  • interfaces
  • génériques

Langage de template de React

  • Langage de template basé sur JavaScript: JSX
  • définir les propriétés des éléments
  • répéter des éléments
  • si / else
  • événements
  • classes CSS et styles

Gestion de l'état dans React

  • définir et modifier l'état de l'application
  • utilisation du hook d'état et setState
  • capturer le contenu des éléments de saisie dans l'état

Composants: briques de construction des applications web modernes

  • définir des balises HTML personnalisées dans React
  • état, props & événements
  • flux de données entre composants
  • composants de fonction et composants de classe
  • utilisation des hooks dans les composants de fonction
  • événements du cycle de vie des composants (montage, mise à jour, démontage)
  • intégration de composants prédéfinis depuis une bibliothèque

Gestion de l'état avec Redux

  • Concepts de base de Redux: gestion de l'état avec des fonctions pures, des reduceurs et des données immuables
  • utilisation du hook reduceur dans React
  • intégration de Redux dans une application React
  • composants présentatifs et composants conteneurs
  • l'écosystème de Redux
  • gestion des événements asynchrones avec Thunk
  • récupération de données depuis une API REST

Outils de développement et tests

  • Outils de développement React
  • Outils de développement Redux
  • Tests de JavaScript avec Jest
  • Tests des reduceurs
  • Tests des composants React

React Router

  • routing côté client
  • affichage de différentes vues en fonction du chemin actuel du navigateur

Développement d'applications avec React

  • Aperçu rapide de React Native
  • Création d'une application mobile et desktop installable avec des Progressive Web Apps (PWA)
  • Comparaison des PWA et des applications natives

Pré requis

  • Bases de HTML
  • Expérience avec JavaScript
 21 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (7)

Cours à venir

Catégories Similaires