Ferme la recherche

React - Développement Web front-end en JavaScript

Descriptif

Durée de la formation

Durée 28 heures

Session

entrées/sorties permanentes

du 01 oct. 2018 au 31 déc. 2019  - St Étienne (42)
+ autres sessions
du 01 oct. 2018 au 31 déc. 2019  - St Étienne (42)
du 01 oct. 2018 au 31 déc. 2019  - Lyon - 7ème (69)

Objectif de la formation

A l'issue de cette formation, l'apprenant sera capable de :
oCréer une application React ;
oUtiliser les outils de développements associés ;
oMettre en oeuvre les concepts de la programmation fonctionnelle et déclarative ;
oDévelopper des interfaces utilisateurs à base de composants ;
oGérer la navigation au sein de l'application ;
oMettre en place une architecture de gestion d'état de l'application avec Redux.
oMaîtriser les concepts de l'immuabilité ;
oTester le code et les composants.

Description de la formation

JAVASCRIPT
oHistorique
oES5 / ES6 / ES7
oNode.js
oCallback vs Promise
oTravaux pratiques :
?Installation de l'environnement de développement
?Manipulation du langage JavaScript
DÉCOUVRIR REACT ET CONSTRUIRE UNE APPLICATION
oDifférence entre framework et bibliothèque
oHistorique et principes fondamentaux de React
oDécouvrir et comprendre la syntaxe JSX
oRappels sur les classes JavaScript Array.map, Array.reduce, bind, this
oLes outils de développement pour React
oConstruire une application avec React
?Créer et structurer un projet React
oPremiers composants
?Gérer le rendu
?Gérer les propriétés
?Gérer les événements
oRécupérer des données depuis un serveur
oTravaux pratiques :
?Création d'une première application élémentaire
?Manipulation simple de composants
?Consommer des données provenant d'un serveur
COMPOSANTS
oGestion du cycle de vie et de l'état des composants
oAdapter le rendu en fonction de conditions
oGérer des listes
oComposition
oTravaux pratiques :
?Réalisation d'une application permettant de manipuler les composants et leur cycle de vie ainsi que la mise en page
NAVIGATION
oPourquoi avons
- nous besoin d'un outil pour le routage entre les pages ?
oPrésentation de react
- router
oTravaux pratiques :
?Réalisation d'une application permettant de mettre en place plusieurs pages et de naviguer entre elles.
GESTION D'ÉTAT : PATTERN FLUX ET REDUX
oPrésentation du pattern Flux
oComprendre le 1-way data flow
oDécouvrir la gestion d'état
oDécouverte du hot
- reloading et voyage dans le temps (undo/redo)
oRedux et Redux
- Thunk
oTravaux pratiques :
?Réalisation d'une application permettant de mettre en place la gestion d'état de l'application basée sur Redux
L'IMMUABILITÉ
oDécouverte de immutable.js
oComprendre l'intérêt de l'immutabilité pour les performances
oTravaux pratiques :
?Mise à jour de l'application avec un état immuable
TESTER LA QUALITÉ DU CODE
oTester les composants React
oTester les modifications de l'état
oPrésentation des outils permettant de garantir la qualité d'une application
?Eslint
?Jest
?Enzime
oTravaux pratiques :
oEn s'appuyant sur une application réalisée précédemment, ajout des outils Esllint, Jest et Enzime

[...]
Et après la formation ?

NON DÉTERMINÉ

Conseils
Les questions à poser avant de choisir un centre de formation
  • Quels sont les profils des anciens stagiaires (niveau de formation, expérience professionnelle) ?
  • Est-il possible de visiter le centre ?
  • Quel type de public accueillez-vous en formation (salariés, demandeurs d’emploi, particuliers) ?
  • Peut-on obtenir une liste de ces anciens stagiaires pour les interroger sur cette formation ?
  • Comment aidez-vous les stagiaires à trouver un emploi ?
Informations pratiques

Groupe Arkesys

Lieu de formation

Groupe Arkesys
70 rue Bergson
St Étienne

Cliquez sur ce lien pour calculer votre itinéraire

Centre de formation

Groupe Arkesys
24 Espace Henry Vallée
69007, Lyon 7e

Voir toutes les formations de Groupe Arkesys