Formation ReactJS

Objectifs de la formation

Faire acquérir aux participants les connaissances des mécanismes de base de ReactJS ainsi que d’ECMA.

Description de la formation

Le contenu est régulièrement mis à jour afin de correspondre aux dernières bonnes pratiques Javascript. L’accent est mis sur les nouvelles bonnes pratiques ainsi que le « JS Next » La formation est appuyée par une pratique intensive de React et de ses outils. Le support de formation est un projet complet où l’accent est mis sur l’architecture et les bonnes pratiques.

Matériel pédagogique fourni

Le formateur distribuera les supports de la formation en format électronique à la fin de la formation.

D'autre part, le travail pendant ces 3 jours donnera lieu à la création d'une application web versionnée étape par étape. Chaque participant est invité à garder sur sa machine le code du projet de formation, qu’il aura rédigé lui-même avec l’aide du formateur, car ce code pourra servir de base technique pour de futurs projets.

Pré-requis

Afin de pouvoir profiter pleinement de la formation, les participants devront impérativement avoir une expérience professionnelle préalable dans les domaines suivants :

• Bonne connaissance de Javascript

Les participants devront avoir un ordinateur avec un environnement LAMP comprenant de préférences les éléments suivants :

• Une connexion internet permettant l'installation d'extensions afin de travailler en toute aisance (si formation hors de nos locaux),
• Un IDE maîtrisé (PHPStorm, SublimeText, VSCode, ...),
• Un shell UNIX,
• La dernière version de NodeJS/NPM (https://nodejs.org/en/download/releases/)
• Git installé (utile pour des dépendances de composer),
• Un serveur MySql/MariaDB par personne,
• Les droits d'administrateur sur la machine,

Il est conseillé de permettre aux participants d'utiliser un éditeur de texte avec lequel ils se sentent le plus à l'aise afin de se concentrer au maximum sur la formation.

Plus généralement, si la formation se déroule dans les locaux du client, il est demandé qu'une salle permettant d'accueillir l'ensemble des participants ainsi que le formateur soit réservée pendant l'intégralité de la durée de la formation. Un moyen de présentation écran (projecteur ou téléviseur plat de grande taille) devra être présent dans cette salle afin de permettre aux participants de visualiser l'écran du formateur. Un paperboard ou tableau effaçable et une connexion internet seraient également appréciés.

Programme

Getting started - Bootstrap d'une application react

• Boostrap
• Installer
• Architecture
• Exécuter et nettoyer

JSX - Templating

• Hello World
  • Expressions intégrées
  • Attributes
  • Children

Composants

• Composants fonctionnels et composants de classe
  • Créer un composant d'accueil
  • Jouer avec les accessoires de composants
  • CSS et noms de classe
  • Étapes et cycles de vie
• GitClicker - Cookie Clicker

Hooks

• Classe et composants fonctionnels
• States
• Refactorisez vos classes react en composants fonctionnels
• Ajoutons une animation sur le Gitcoin !
• Créer un object store
• PropTypes

Routing

• Installation
• Bootstrap du routage sur l'application

Ajoutons un peu de design

• Installation & run
• Qu'y a-t-il sous le capot ?
• Routages

Redux et les "Side Effects"

• Store, Action, Reducer
• State
• Architecture
• Utilisation des Hooks
• Mise en route
• Créer le module de jeu
• Refactorer du module de jeu

Tests unitaires

• Jest
• Unite testing

Side Effects

• Redux Thunk

Forms

• Passons à une étape plus avancée
• La forme finale de React
• Ce qu'il y a derrière le capot
• CreateItemForm, composant de formulaire
• EditItemForm, composant de formulaire
• Supprimer un élément

Informations budget

• 3 jours (21 heures)
• Intra-entreprise : nous nous déplaçons chez vous pour former votre équipe (3 ~ 8 participants) 4200 € HT + frais (déplacement, hébergement, etc.)
• Inter-entreprises : inscrivez-vous aux sessions que nous organisons à Nantes ou ailleurs ! 1490 € HT par personne

Mais comment financer ma formation ?

Nous sommes datadockés, ainsi votre formation peut être prise en charge par votre OPCO en totalité (ou partiellement selon votre budget formation disponible) !
Renseignez-vous auprès de votre OPCO pour une prise en charge partielle ou totale du coût de la formation. En cas de subrogation, pas d'avance de trésorerie, KNP Labs peut facturer directement votre OPCO !
Si vous avez des doutes ou des besoins particuliers, vous pouvez contacter Amandine, notre responsable formations => hello@knplabs.com.
Sinon, inscription directement sur notre page de formation : React JS Training