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 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 fonctions fléchées
  • 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 gabarit React

  • Langage de gabarit basé sur JavaScript : JSX
  • Définition des propriétés des éléments
  • Répétition d'éléments
  • 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 la hook d'état et de setState
  • Capture du contenu des éléments d'entrée dans l'état

Composants : Les briques de base des applications Web modernes

  • Définition de balises HTML personnalisées dans React
  • État, props et é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 à partir d'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 de la hook de reducer dans React
  • Intégration de Redux dans une application React
  • Composants présentatifs et conteneurs
  • Écosystème Redux
  • Gestion des événements asynchrones avec Thunk
  • Récupération de données d'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 reducers
  • Tests des composants React

React Router

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

Développement d'applications avec React

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

Pré requis

  • Notions de base en HTML
  • Expérience en JavaScript
 21 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (7)

Cours à venir

Catégories Similaires