Plan du cours

Développement d'applications frontales modernes

  • vue d'ensemble et similitudes avec 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.

Script Java moderne

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

TypeScript

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

React langage de gabarit

  • JavaLangage de gabarit basé sur des scripts : JSX
  • définition des propriétés des éléments
  • répéter des éléments
  • if / else
  • événements
  • CSS classes et styles

Gestion de l'état dans React

  • définir et modifier l'état de l'application
  • utiliser le crochet d'état et setState
  • capturer le contenu des éléments d'entrée dans l'état

Les composants : Les éléments constitutifs des applications web modernes

  • définir des balises HTML personnalisées dans React
  • état, accessoires et événements
  • flux de données entre les composants
  • composants de fonction et composants de classe
  • utilisation de crochets dans les composants fonctionnels
  • événements liés au cycle de vie des composants (montage, mise à jour, démontage)
  • inclusion de composants prédéfinis provenant d'une bibliothèque

Gestion d'état avec Redux

  • Redux basics : gestion d'état avec des fonctions pures, des réducteurs et des données immuables
  • utiliser le crochet réducteur dans React
  • intégration de Redux dans une application React
  • les composants de présentation et de conteneur
  • l'écosystème Redux
  • gérer des événements asynchrones avec Thunk
  • récupérer des données à partir d'une API REST

Outils de développement et tests

  • React outils pour les développeurs
  • Outils de développement Redux
  • Test JavaScript avec Jest
  • Test des réducteurs
  • Test des composants React React React React React React React React

React Routeur

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

Développement d'applications avec React

  • bref aperçu 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
  • Expérience avec JavaScript
  21 heures
 

Nombre de participants


Début

Fin


Dates are subject to availability and take place between 09:30 and 16:30.
Les formations ouvertes requièrent plus de 3 participants.

Nos Clients témoignent (8)

Cours Similaires

Relay: Efficiently Fetch Data in React Applications

  14 heures

Catégories Similaires