Public : Développeurs JavaScript
Durée : 5 jour(s)
Pré-requis : Bonnes maîtrises de l'environnement JavaScript
Objectifs : Découvrir React.js et Redux
Sanction : Attestation de fin de stage mentionnant le résultat des acquis
Taux de retour à l’emploi : Aucune donnée disponible
Référence : SIT100293-F
Taux de satisfaction : 4,62 / 5
Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap
2 750,00 € HT
Panorama des librairies disponibles
Rappels HTML5 et JavaScript
React.js : présentation, historique des versions
Installer l'environnement de développement (NodeJS/npm/yarn)
Présentation de la commande create-react-app
Atelier : Créer et démarrer un projet ReactJS
Spécification ECMAScript et implémentations
La Syntaxe Objet :
Evolution de la programmation orientée prototype
Syntaxe de classes : membres d'instances et membres de classe
Agrégation d'objets (mixins)
Héritage
Les fonctions fléchées
Design patterns
Définition de modules
Système natif de gestion des modules, chargement
Gestion des dépendances
Organisation d'un projet React
Architecture du projet
Personnaliser la configuration du projet
Comprendre le rendu d'un projet
Le Mode Strict
Définir un composant
Les composants fonction et classe
Utiliser les propriétés
Etats des composants
Le style (CSS/SASS) et les assets
Gestion des évènements
Relation entre composants
Utiliser la composition
Atelier : Créer plusieurs composants
Présentation de JSX
Les éléments React avec et sans JSX
Le DOM virtuel
Les expressions et les attributs
Se protéger des attaques par injection (XSS)
Les conditions et les boucles
Les fragments
Atelier : Afficher, boucler et conditionner des jeux de données
Comprendre les cycles
Monter un composant
Ajouter des méthodes à un composant et des propriétés par défaut
Fixer des types de propriété
Atelier : Charger des données depuis une API
Présentation des Hooks
Liste des hooks disponibles
Les hooks d'états et d'effet
Les bonnes pratiques et pièges à éviter
Les hooks personnalisés
Atelier : Créer et manipuler une todolist
Mise en place du Routing (React-router)
Rendu d’une route
Liens via les Router
Organiser les routes
Passage de paramètres liens, redirections
Atelier : Mettre en place la navigation
Rappel des comportements en HTML et JavaScript
Les formulaires avec React
Les composants contrôlés et non contrôlés
Récupérer et mettre à jour des données
Valider et filtrer les données
Présentation des frameworks disponibles (React Hook Form, Formik)
Atelier : Créer un formulaire d'inscription
Présentation de redux
Les avantages apportés par les Store
Créer et configurer un Store
Les Actions et Les Reducers
Utiliser les Action Creators
La fonction connect()
Les Hooks Redux (useStore, useSelector, useDispatch)
Atelier : Mettre en place une authentification
Dans ce cours nous apprenons à concevoir des applications web à l'aide du Framework Javascript React et de Redux
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Bruxelles | Du 17/06/2024 au 21/06/2024 | S'inscrire | |
| Bruxelles | Du 16/09/2024 au 20/09/2024 | S'inscrire | |
| Distance | Du 20/05/2024 au 24/05/2024 | S'inscrire | |
| Distance | Du 17/06/2024 au 21/06/2024 | S'inscrire | |
| Distance | Du 30/09/2024 au 04/10/2024 | S'inscrire | |
| Luxembourg | Du 17/06/2024 au 21/06/2024 | S'inscrire | |
| Luxembourg | Du 16/09/2024 au 20/09/2024 | S'inscrire |