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

    li>
  • Typage statique vs typage dynamique
  • Déclaration des types de variables, fonctions et classes
  • Types de données de base
  • Tuples, objets
  • Interfaces
  • li>
  • 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
  • if / else
  • Événements
  • Classes CSS et styles

Gestion de l'état dans React

  • Définir et modifier l'état de l'application
  • Utilisation de l'hook d'état et de setState
  • Capturer le contenu des éléments de saisie dans l'état

Composants : Briques de base des applications web modernes

  • Définir des balises 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 issus d'une bibliothèque

Gestion de l'état avec Redux

  • Les bases de Redux : gestion de l'état via 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 présentatifs et 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

  • React Developer Tools
  • Redux Developer Tools
  • 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 la route actuelle du navigateur

Développement d'applications avec React

  • Vue d'ensemble de React Native
  • Création d'une application mobile et desktop installable via les Progressive Web Apps (PWA)
  • Comparaison des Progressive Web Apps et des applications natives

Pré requis

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

Nombre de participants


Prix par participant

Nos clients témoignent (7)

Cours à venir

Catégories Similaires