Formation - ReactJS - Développement d'applications Web
Référence : nBGPvUlVs3HM
Durée : 21 h sur 3 j
Tarif
7 350 €
HT
Logo - M2i Formation
M2i Formation
Mougins
Intra-Entreprise
Une formation intra-entreprise réunit dans une même session les salariés d'une seule entreprise. Elle se déroule généralement dans les locaux de l'entreprise. Le tarif est convenu pour la formation d'un groupe de salarié.

Détails de la formation

Méthodes et outils pédagogiques

Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :

  • Ordinateurs Mac ou PC (sauf pour certains cours de l’offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
  • Environnements de formation installés sur les postes de travail ou en ligne
  • Supports de cours et exercices

En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi

Objectifs de la formation

A l’issue de cette formation, vous serez capable de :

  • Vous familiariser avec la syntaxe et les fonctionnalités ES6
  • Présenter les principes de base du framework ReactJS
  • Expliquer la syntaxe JSX, la définition et l'intérêt des composants
  • Décrire le concept de props (propriétés) et leur utilisation
  • Présenter le fonctionnement de la navigation avec React et le router react-router-dom
  • Présenter les Hooks
  • Gérer les évènements et rendu conditionnel dans le JSX
  • Créer des listes, utiliser des fragments et gérer les formulaires avec React
  • Décrire le concept de Redux
  • Expliquer les perspectives et mettre en oeuvre les bonnes pratiques.

Méthodes d'évaluation

  • En cours de formation, par des études de cas ou des travaux pratiques - Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou un examen M2i

Pré-requis

Avoir une très bonne connaissance de JavaScript et de ses aspects avancés.

Public cible

Tous publics

Programme

1
Introduction et rappels ES6
-Outils et IDE (Integrated Development Environment)-L'extension du navigateur React Developer Tools-Packaging, npm-Transpiler ECMAScript-Syntaxe ES6 : let, const, classes, interfaces, modules, fonctions arrow-Exemples de travaux pratiques (à titre indicatif)
-Installation des outils et IDE
-Rappels sur la syntaxe ES6
2
Le framework ReactJS
-Principes de base et comparaison avec les autres frameworks-Philosophie "composant"-Workflows de développement : from scratch, intégration à une application Web existante, utilisation de Create React App-Le DOM virtuel et la réconciliation
3
Le JSX et les composants
-Définition d'un élément React-Liaison avec le DOM (ReactDOM.render())-Syntaxe JSX-Les composants : définition et intérêt-Composants en mode classe et composants fonctionnels-Imbrication de composants-Exemples de travaux pratiques (à titre indicatif)
-Création d'un composant de base
-Imbrication de composantsJour 1 - Après-midi
4
Les props
-Définition des props et transmission de données-Accéder aux props-La props.children-Exemple de travaux pratiques (à titre indicatif)
-Utilisation des props dans un composant
5
Le routing et la navigation
-Construire une SPA (Single Page Application) avec react-router-dom (version 6)-Le router, les liens, les routes, le switch-Les paramètres d'URL et les navigations imbriquées-Exemples de travaux pratiques (à titre indicatif)
-Mise en place du routing et navigation dans l'application

Sur la même thématique

Logo eDRH Sud PACA - Footer
Nous contacter

Chambre de Commerce
et d’industrie Nice Côte d’Azur

20 Boulevard Carabacel
CS 11259
06005 NICE CEDEX 1

Tel :04 93 13 75 73
(Appel gratuit depuis un poste fixe)