Formation ReactJS - Développement Web

Formation créée le 07/07/2023. Dernière mise à jour le 05/11/2024.
Version du programme : 1

Type de formation

Formation mixte

Durée de formation

21 heures (3 jours)

Accessibilité

Oui
Cette formation est gratuite.
S'inscrire
Besoin d’adapter cette formation à vos besoins ? N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure ! Nous contacter

Formation ReactJS - Développement Web


Le nouveau framework React, créé par Facebook, s’est rapidement imposé grâce à ses très hautes performances par rapport aux autresFramework. Cette formation vous apprend comment utiliser React JS pour développer et tester vos des applications web robustes et performantes.

Version PDF

Objectifs de la formation

  • Concrètement, à l'issue de ce stage, les participants auront acquis les compétences nécessaires pour :
  • Concevoir une application ReactJS et Redux
  • Utiliser JSX et ES2015
  • Comprendre l'immutabilité pour optimiser les performances des composants React
  • Utiliser Redux pour organiser le code de façon très productive
  • Utiliser React côté serveur pour le SEO et la vitesse sur mobile

Profil des bénéficiaires

Pour qui
  • Cette formation s'adresse à tous les Développeurs JavaScript ayant déjà de l’expérience.
Prérequis
  • Posséder des bases solides en HTML5 et CSS3, et avoir suivi une formation JavaScript ou un niveau équivalent. Avoir certaines connaissances d'EcmaScript est également exigé.

Contenu de la formation

Introduction à React
  • Philosophie de React
  • Les autres Frameworks JavaScript
  • Environnement de développement
  • Outils de debug
Les nouveautés ECMAScript
  • Présentation d’ECMAScript
  • Les nouveautés ES6/ES2015
  • ES2017 : les fonctions « async »
Premiers développements avec ReactJS
  • Premiers développements avec ReactJS
  • Principe et conséquences du Virtual Dom
  • La fonction render()
  • 'props' et 'state'
  • Le langage JSX
Les possibilités de build
  • Build complet avec webpack
  • Build managé avec la cli create-react-app
  • Les différents packages de bootstraping React
Les Composants React
  • Les composants fonctionnels et de classe
  • Composition de multiple composants
  • Cycle de vie d'un Composant de classe
  • Les Hooks des composants fonctionnels
  • Gestion des événements click, mouseover...
Styliser ces composants
  • Les différentes approches pour styliser un composant
  • La bibliothèque de « styled-components » Emotion
Interaction de l'utilisateur avec les composants
  • Gestion d'Ajax
  • Gestion des formulaires
  • Manipulation du DOM, DOM virtuel
Gestion centralisée des données
  • Présentation des différentes technologies de gestion (Redux, MobX, etc.)
  • Présentation de Redux
  • Le Store et les Actions
  • Création de Reducteurs pour les Actions
  • Utilisation avec React
Le Router
  • Les différents Routers
  • HashRouter ou PushState
  • Conséquences sur le déploiement
Application isomorphique
  • Présentation de NodeJS
  • Principe et bénéfices du développement isomorphique
  • Découverte du Framework NextJs

Équipe pédagogique

Votre formateur est un consultant et architecte logiciel avec plus de 10 d'expériences pédagogiques et techniques.

Suivi de l'exécution et évaluation des résultats

  • Feuille de présence signée en demi-journée, Évaluation des acquis tout au long de la formation, Questionnaire de satisfaction, Attestation de stage à chaque apprenant.

Ressources techniques et pédagogiques

  • Moyens pédagogiques : Réflexion de groupe et apports théoriques du formateur, Travail d'échange avec les participants sous forme de réunion-discussion, Utilisation de cas concrets issus de l'expérience professionnelle, Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques, Remise d'un support de cours.
  • Moyens techniques en Présentiel : Accueil des stagiaires dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéo projecteur d'un tableau blanc et de paperboard.
  • Moyens techniques en Distanciel : A l'aide du logiciel Teams, un micro et une caméra pour l'apprenant, Suivez une formation en temps réel et entièrement à distance. Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur. Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise. L'accès à l'environnement d'apprentissage (support de cours, labs) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.

Qualité et satisfaction

Taux de satisfaction des apprenants par rapport à l'enseignement du formateur - 98% Taux de satisfaction générale (contenu de la formation, enseignement, environnement, accueil...) 93%

Modalités de certification

Détails sur la certification
  • Pas de certification

Capacité d'accueil

Entre 1 et 10 apprenants

Délai d'accès

3 semaines

Accessibilité

Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation.