Evolution MM

Formations à l'informatique
Découvrez la différence ENI

Lien accueil

Téléchargez le Calendrier des formations

Nantes, Rennes, Niort, Nice, Paris

jusqu'à juillet 2018

Rechercher
Rechercher une formation
 

React - Développement Web front-end en JavaScript

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant la bibliothèque React créée par Facebook. Vous découvrirez également Redux, une bibliothèque de gestion d'états.

Public :

  • Développeurs, architectes techniques, chefs de projet.

Objectifs :

  • Créer une application React ;
  • Utiliser les outils de développements associés ;
  • Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative ;
  • Développer des interfaces utilisateurs à base de composants ;
  • Gérer la navigation au sein de l'application ;
  • Mettre en place une architecture de gestion d'état de l'application avec Redux.
  • Maîtriser les concepts de l'immuabilité ;
  • Tester le code et les composants.

Pré-requis :

  • Maîtriser les langages HTML et CSS, ou idéalement avoir suivi la formation " T448-004 - Maîtriser HTML5 et CSS3 pour créer des pages Web Responsives " ;
  • Maîtriser le langage JavaScript, ou idéalement avoir suivi la formation " T44A-001 - JavaScript - Exploiter sa puissance pour dynamiser les applications Web ".

Contenu pédagogique

JavaScript

  • Historique
  • ES5 / ES6 / ES7
  • Node.js
  • Callback vs Promise
  • Travaux pratiques :
    • Installation de l'environnement de développement
    • Manipulation du langage JavaScript

Découvrir React et construire une application

  • Différence entre framework et bibliothèque
  • Historique et principes fondamentaux de React
  • Découvrir et comprendre la syntaxe JSX
  • Rappels sur les classes JavaScript Array.map, Array.reduce, bind, this
  • Les outils de développement pour React
  • Construire une application avec React
    • Créer et structurer un projet React
  • Premiers composants
    • Gérer le rendu
    • Gérer les propriétés
    • Gérer les événements
  • Récupérer des données depuis un serveur
  • Travaux pratiques :
    • Création d'une première application élémentaire
    • Manipulation simple de composants
    • Consommer des données provenant d'un serveur

Composants

  • Gestion du cycle de vie et de l'état des composants
  • Adapter le rendu en fonction de conditions
  • Gérer des listes
  • Composition
  • Travaux pratiques :
    • Réalisation d'une application permettant de manipuler les composants et leur cycle de vie ainsi que la mise en page

Navigation

  • Pourquoi avons-nous besoin d'un outil pour le routage entre les pages ?
  • Présentation de react-router
  • Travaux 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

  • Présentation du pattern Flux
  • Comprendre le 1-way data flow
  • Découvrir la gestion d'état
  • Découverte du hot-reloading et voyage dans le temps (undo/redo)
  • Redux et Redux-Thunk
  • Travaux pratiques :
    • Réalisation d'une application permettant de mettre en place la gestion d'état de l'application basée sur Redux

L'immuabilité

  • Découverte de immutable.js
  • Comprendre l'intérêt de l'immutabilité pour les performances
  • Travaux pratiques :
    • Mise à jour de l'application avec un état immuable

Tester la qualité du code

  • Tester les composants React
  • Tester les modifications de l'état
  • Présentation des outils permettant de garantir la qualité d'une application
    • Eslint
    • Jest
    • Enzime
  • Travaux pratiques :
    • En s'appuyant sur une application réalisée précédemment, ajout des outils Esllint, Jest et Enzime


Modalité et moyens pédagogiques, techniques et d'encadrement

  • Formation avec un formateur, dans une salle dédiée à la formation, équipée d'un vidéoprojecteur, d'un tableau blanc et d'une solution de visio-conférence dans le cas des formations suivies en in-classTM (présentiel à distance). Le nombre de stagiaires peut varier de 1 à 12 personnes (5 à 6 personnes en moyenne), ce qui facilite le suivi permanent et la proximité avec chaque stagiaire.
  • Chaque stagiaire dispose d'un poste de travail adapté aux besoins de la formation, d'un support de cours et/ou un manuel de référence au format numérique ou papier (pour les sessions inter-entreprises, dans le cas où le support de cours officiel est en anglais, nous offrons en complément, s'il existe, un ouvrage de référence des Editions ENI au format numérique rédigé en français).
  • Pour une meilleure assimilation, le formateur alterne tout au long de la journée les exposés théoriques, les démonstrations et la mise en pratique au travers d'exercices et de cas concrets réalisés seul ou en groupe. La répartition du temps entre la théorie et la pratique est mentionnée dans le plan de cours.

Modalités d'évaluation des acquis

  • L'évaluation des acquis se fait tout au long de la formation au travers des différents travaux dirigés et travaux pratiques réalisés par le stagiaire.
  • En complément, pour les stagiaires qui le souhaitent, certaines formations peuvent être validées officiellement par un examen de certification. Pour les formations concernées, l'examen est mentionné dans la zone " Commentaire " du programme de formation. Les candidats doivent produire un travail personnel important en vue de se présenter au passage de l'examen, le seul suivi de la formation ne constituant pas un élément suffisant pour garantir un bon résultat et/ou l'obtention de la certification.

Moyens de suivi d'exécution et appréciation des résultats

  • Feuille de présence, émargée par demi-journée par chaque stagiaire et le formateur ;
  • Evaluation qualitative de fin de formation, qui est ensuite analysée par notre équipe pédagogique ;
  • Attestation de fin de formation, remise au stagiaire en main propre ou par courrier électronique.

Qualification du formateur

  • La formation est animée par un professionnel de l'informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d'expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.
Durée : 4 jour(s)
Tarif : 2 590 € (HT)
Réf : T44A-057

Dates des sessions

Nantes (44) 06/11/18 Rennes (35) 06/11/18 Paris (75) 06/11/18 Niort (79) 06/11/18 Nice (06) 06/11/18 in-class™