Victor P. - April Marine
« La formation répondait tout simplement à mon besoin. Merci pour votre accueil ! »
Faire acquérir aux participants les connaissances des mécanismes de base de ReactJS et de Javascript.
Le contenu est régulièrement mis à jour afin de correspondre aux dernières bonnes pratiques Javascript. 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.
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.
Afin de pouvoir profiter pleinement de la formation, les participants devront impérativement avoir une expérience professionnelle préalable dans les domaines suivants :
Les participants devront avoir un ordinateur avec un environnement LAMP comprenant de préférences les éléments suivants :
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.
Nantes:
Nos locaux se situant dans un immeuble construit en 2023, il répond ainsi aux normes d'accessibilité aux personnes à mobilité réduite, nous sommes situés au premier étage avec ascenseur.
Caen:
Les locaux sont de plain-pied, l’accès par l’arrière du bâtiment est possible pour les publics en situation de handicap.
N’hésitez pas à nous contacter, nous nous ferons un plaisir de vous accompagner pour répondre au mieux à vos besoins pour votre demande de formation.
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
useEffect
Nous devons acheter ces objets !
PropTypes
Installer prop-types et eslint
Props par défaut
Correction des erreurs eslint
Routing
Installation
Bootstrap du routage sur l'application
Ajoutons un peu de design
Installation & run
Qu'y a-t-il sous le capot ?
Routage
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
Jest - Configuration d'Eslint
Utilisation
Tester le module game.js
Unite testing
React Testing Library
Utilisation
Utilisation avec react-router
Utilisation avec redux
Composants de test
Side Effects
Redux Thunk
Dispatcher des actions asynchrones
Installer et configurer
Sauver la partie avec des effets secondaires
Appeler un endpoint API
Variable d'environnement
Appeler un point de terminaison de l'API
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
« La formation répondait tout simplement à mon besoin. Merci pour votre accueil ! »
« Merci à Antoine, c'était top d'apprendre React avec toi. »
« GG à Antoine pour la formation, ça faisait plaisir de le revoir hors du contexte Yousign ! »