Prenez contact avec nous

Plan du cours

Développement d'applications front-end modernes

  • Aperçu et similarités 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 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
  • Tuplets, objets
  • Interfaces
  • Génériques

Langage de template React

  • Langage de template 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

  • Définition et modification de l'état de l'application
  • Utilisation de l'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 & événements
  • Flux de données entre les composants
  • Composants fonctionnels et composants par classe
  • Utilisation des hooks dans les composants fonctionnels
  • Événements du cycle de vie du composant (montage, mise à jour, démontage)
  • Inclusion de composants prédéfinis à partir d'une bibliothèque

Gestion de l'état avec Redux

  • Notions de base de Redux : gestion d'état avec fonctions pures, réducteurs et données immuables
  • Utilisation du hook réducteur 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éveloppeur et tests

  • Outils de développeur React
  • Outils de développeur Redux
  • Tests de JavaScript avec Jest
  • Tests de réducteurs
  • Tests de composants React

React Router

  • Routage côté client
  • Affichage de différentes vues en fonction de la route du navigateur actuelle

Développement d'applications avec React

  • Court aperçu de React Native
  • Création d'une application mobile et de bureau installable avec Progressive Web Apps
  • Comparaison des Progressive Web Apps 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