React - Développement Web front-end en JavaScript par Groupe Arkesys
Lieu(x)
En centre (42, 69)
Durée
Total : 28 heures
Financement
Demandeur d’emploi
Salarié
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
JAVASCRIPT/n
-Historique/n
-ES5 / ES6 / ES7/n
-Node.js/n
-Callback vs Promise/n
-Travaux pratiques :/n
?Installation de l'environnement de développement/n
?Manipulation du langage JavaScript/n
DÉCOUVRIR REACT ET CONSTRUIRE UNE APPLICATION/n
-Différence entre framework et bibliothèque/n
-Historique et principes fondamentaux de React/n
-Découvrir et comprendre la syntaxe JSX/n
-Rappels sur les classes JavaScript Array.map, Array.reduce, bind, this/n
-Les outils de développement pour React/n
-Construire une application avec React/n
?Créer et structurer un projet React/n
-Premiers composants/n
?Gérer le rendu/n
?Gérer les propriétés/n
?Gérer les événements/n
-Récupérer des données depuis un serveur/n
-Travaux pratiques :/n
?Création d'une première application élémentaire/n
?Manipulation simple de composants/n
?Consommer des données provenant d'un serveur/n
COMPOSANTS/n
-Gestion du cycle de vie et de l'état des composants/n
-Adapter le rendu en fonction de conditions/n
-Gérer des listes/n
-Composition/n
-Travaux pratiques :/n
?Réalisation d'une application permettant de manipuler les composants et leur cycle de vie ainsi que la mise en page/n
NAVIGATION/n
-Pourquoi avons
- nous besoin d'un outil pour le routage entre les pages ?/n
-Présentation de react
- router/n
-Travaux pratiques :/n
?Réalisation d'une application permettant de mettre en place plusieurs pages et de naviguer entre elles./n
GESTION D'ÉTAT : PATTERN FLUX ET REDUX/n
-Présentation du pattern Flux/n
-Comprendre le 1-way data flow/n
-Découvrir la gestion d'état/n
-Découverte du hot
- reloading et voyage dans le temps (undo/redo)/n
-Redux et Redux
- Thunk/n
-Travaux pratiques :/n
?Réalisation d'une application permettant de mettre en place la gestion d'état de l'application basée sur Redux/n
L'IMMUABILITÉ/n
-Découverte de immutable.js/n
-Comprendre l'intérêt de l'immutabilité pour les performances/n
-Travaux pratiques :/n
?Mise à jour de l'application avec un état immuable/n
TESTER LA QUALITÉ DU CODE/n
-Tester les composants React/n
-Tester les modifications de l'état/n
-Présentation des outils permettant de garantir la qualité d'une application/n
?Eslint/n
?Jest/n
?Enzime/n
-Travaux pratiques :/n
-En s'appuyant sur une application réalisée précédemment, ajout des outils Esllint, Jest et Enzime/n
/n
-Historique/n
-ES5 / ES6 / ES7/n
-Node.js/n
-Callback vs Promise/n
-Travaux pratiques :/n
?Installation de l'environnement de développement/n
?Manipulation du langage JavaScript/n
DÉCOUVRIR REACT ET CONSTRUIRE UNE APPLICATION/n
-Différence entre framework et bibliothèque/n
-Historique et principes fondamentaux de React/n
-Découvrir et comprendre la syntaxe JSX/n
-Rappels sur les classes JavaScript Array.map, Array.reduce, bind, this/n
-Les outils de développement pour React/n
-Construire une application avec React/n
?Créer et structurer un projet React/n
-Premiers composants/n
?Gérer le rendu/n
?Gérer les propriétés/n
?Gérer les événements/n
-Récupérer des données depuis un serveur/n
-Travaux pratiques :/n
?Création d'une première application élémentaire/n
?Manipulation simple de composants/n
?Consommer des données provenant d'un serveur/n
COMPOSANTS/n
-Gestion du cycle de vie et de l'état des composants/n
-Adapter le rendu en fonction de conditions/n
-Gérer des listes/n
-Composition/n
-Travaux pratiques :/n
?Réalisation d'une application permettant de manipuler les composants et leur cycle de vie ainsi que la mise en page/n
NAVIGATION/n
-Pourquoi avons
- nous besoin d'un outil pour le routage entre les pages ?/n
-Présentation de react
- router/n
-Travaux pratiques :/n
?Réalisation d'une application permettant de mettre en place plusieurs pages et de naviguer entre elles./n
GESTION D'ÉTAT : PATTERN FLUX ET REDUX/n
-Présentation du pattern Flux/n
-Comprendre le 1-way data flow/n
-Découvrir la gestion d'état/n
-Découverte du hot
- reloading et voyage dans le temps (undo/redo)/n
-Redux et Redux
- Thunk/n
-Travaux pratiques :/n
?Réalisation d'une application permettant de mettre en place la gestion d'état de l'application basée sur Redux/n
L'IMMUABILITÉ/n
-Découverte de immutable.js/n
-Comprendre l'intérêt de l'immutabilité pour les performances/n
-Travaux pratiques :/n
?Mise à jour de l'application avec un état immuable/n
TESTER LA QUALITÉ DU CODE/n
-Tester les composants React/n
-Tester les modifications de l'état/n
-Présentation des outils permettant de garantir la qualité d'une application/n
?Eslint/n
?Jest/n
?Enzime/n
-Travaux pratiques :/n
-En s'appuyant sur une application réalisée précédemment, ajout des outils Esllint, Jest et Enzime/n
/n
Objectifs
/n
A l'issue de cette formation, l'apprenant sera capable de :/n
-Créer une application React ;/n
-Utiliser les outils de développements associés ;/n
-Mettre en oeuvre les concepts de la programmation fonctionnelle et déclarative ;/n
-Développer des interfaces utilisateurs à base de composants ;/n
-Gérer la navigation au sein de l'application ;/n
-Mettre en place une architecture de gestion d'état de l'application avec Redux./n
-Maîtriser les concepts de l'immuabilité ;/n
-Tester le code et les composants./n
A l'issue de cette formation, l'apprenant sera capable de :/n
-Créer une application React ;/n
-Utiliser les outils de développements associés ;/n
-Mettre en oeuvre les concepts de la programmation fonctionnelle et déclarative ;/n
-Développer des interfaces utilisateurs à base de composants ;/n
-Gérer la navigation au sein de l'application ;/n
-Mettre en place une architecture de gestion d'état de l'application avec Redux./n
-Maîtriser les concepts de l'immuabilité ;/n
-Tester le code et les composants./n
Centre(s)
- St Étienne (42)
- Lyon - 7ème (69)
Secteur(s)
Formation proposée par : Groupe Arkesys
À découvrir