Prenez contact avec nous

Plan du cours

Développement d'applications front-end modernes

  • Aperçu et similitudes entre React, Angular et Vue.js
  • Rendu déclaratif
  • Composants – définition d'étiquettes HTML personnalisées
  • Initialisation d'un projet React à l'aide de create-react-app

JavaScript moderne

  • Développement avec Node.js et npm
  • Différentes versions de JavaScript
  • Travail avec les modules
  • Fonctions et fonctions fléchées
  • Classes
  • Programmation fonctionnelle en JavaScript (map, filter, ...)

TypeScript

  • Typage statique vs dynamique
  • Déclaration des types de variables, de fonctions et de classes
  • Types de données de base
  • Tuples, objets
  • Interfaces
  • Génériques

Langage de gabarits de React

  • Langage de gabarits basé sur JavaScript : JSX
  • Définition des propriétés des éléments
  • Répétition d'éléments
  • Conditionnelle if / else
  • Événements
  • Classes et styles CSS

Gestion de l'état dans React

  • Configuration et modification de l'état de l'application
  • Utilisation de l'hook state et de setState
  • Capture du contenu des éléments d'entrée dans l'état

Composants : Les briques de construction des applications Web modernes

  • Définition d'étiquettes HTML personnalisées dans React
  • État, props & événements
  • Flux de données entre les composants
  • Composants fonctionnels et composants de classe
  • Utilisation des hooks dans les composants fonctionnels
  • Événements du cycle de vie des composants (montage, mise à jour, démontage)
  • Inclusion de composants prédéfinis depuis une bibliothèque

Gestion de l'état avec Redux

  • Fondamentaux de Redux : gestion de l'état avec des fonctions pures, des reducers et des données immuables
  • Utilisation du hook reducer dans React
  • Intégration de Redux dans une application React
  • Composants de présentation et composants conteneurs
  • L'écosystème 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éveloppeur React
  • Outils de développeur Redux
  • Tests JavaScript avec Jest
  • Tests des reducers
  • Tests des composants React

React Router

  • Routage côté client
  • Affichage de différentes vues en fonction de l'itinéraire navigateur actuel

Développement d'applications avec React

  • Aperçu rapide de React Native
  • Création d'une application mobile et de bureau installable avec les Progressive Web Apps
  • Comparaison entre les Progressive Web Apps et les applications natives

Pré requis

  • Les bases du HTML
  • Une expérience avec le JavaScript
 21 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (7)

Cours à venir

Catégories Similaires