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



Prix par participant

Nos Clients témoignent (3)

Cours Similaires

Next.js 14 Advanced Development

21 heures

React with Next.js

14 heures

Managing React State with MobX

14 heures

Material UI

7 heures

Ant Design

7 heures

Advanced TypeScript

7 heures

TypeScript

7 heures

Typescript Unit Testing

14 heures

Advanced React

14 heures

FARM (FastAPI, React, and MongoDB) Full Stack Development

14 heures

Choosing the Right JavaScript Framework

14 heures

Testing React Apps with Jest

14 heures

MERN Fullstack Development

14 heures

Meteor and React

14 heures

Building Micro Frontends with React

21 heures

Catégories Similaires

1