Nos domaines de formation :

Formation ReactJS, maîtriser le Framework JavaScript de Facebook

4,3 / 5
Stage pratique
meilleur vente
Durée : 3 jours
Réf : TJS
Prix  2018 : 1990 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Prenant à contrepied les modèles traditionnels, le framework maintenu par Facebook favorise la simplicité et la performance des composants de RIA. Vous apprendrez dans ce cours à développer des applications avec ReactJS, JSX et Flux et découvrirez le principe et les bénéfices du développement isomorphique.

Objectifs pédagogiques

  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et Flux
  • Comprendre le subset JavaScript JSX
  • Optimiser les performances des RIA

Travaux pratiques

Vous réaliserez une application complète basée sur le framework ReactJS.

Méthodes pédagogiques

Développement guidé. 50% de théorie illustrée par 50% de pratique.
PROGRAMME DE FORMATION

Rappels des composants des RIA

  • Les fondamentaux. HTML, CSS, JavaScript. Le DOM.
  • Design patterns applicatifs classiques. Limitations des applications JavaScript.
  • Ecosystème des frameworks JavaScript.
  • Principes de Data-Binding : dirty-checking, observable, virtual-dom.
  • ReactJS, positionnement et philosophie.
  • JSX, présentation. Mise en œuvre "Transpilers".
  • Environnement de développement. IDE et plug-ins.

Travaux pratiques
Mise en place de l'environnement de développement. Initiation à JSX. Définition de la structure de l'application.

Développer avec ReactJS

  • Approche : MVC et Virtual Dom, un choix de performance.
  • Utiliser JavaScript ou JSX.
  • Comprendre JSX en détail. Pièges à éviter.
  • Méthodes principales de l'API.
  • Création de composant de vues. Cycle de vie.
  • Initialisation de propriétés.
  • "Render Function" : gestion des états de composant.

Travaux pratiques
Définition et réalisation de composants selon les spécifications déterminées.

Interactivité des composants

  • Gestion des événements. "autobinding" et délégation.
  • Design Pattern : stratégie pour les composants à état.
  • Composer par ensembles.
  • "Component Data Flow" : propriétaire, enfants et création dynamique.
  • Composants réutilisables : contrôle et transfert de propriétés.
  • Contrôle des composants de formulaire.
  • Manipulation du DOM.

Travaux pratiques
Création d'un ensemble structuré de composant UI.

Application monopage avec ReactJS et Flux ou Redux

  • Flux/Redux : présentation. Propagation de données.
  • Comparaison des architectures.
  • Création de vues et contrôleurs dans Flux.
  • Rôle du "Dispacther" dans Flux pour les actions.
  • Les "Stores", gestionnaire d'états logique dans Flux.
  • Définition du Functionnal Programming.
  • Approche avec Redux. Le "Reducer".
  • Extension pour ReactJS : "hot-loader".

Travaux pratiques
Intégration d'une SPA.

Application isomorphique

  • Principe et bénéfices du développement isomorphique.
  • Ecosystème du JavaScript côté serveur.
  • Initiation à NodeJS.
  • Configuration de NodeJs pour ReactJS.
  • Organisation de routes.

Travaux pratiques
Prérendu serveur d'une application.

Introduction à React Native

  • Positionnement, différences avec Cordova.
  • De React aux composant iOS natifs, un projet à suivre.

Démonstration
Application utilisant React Native.

Participants / Prérequis

» Participants

Développeurs JavaScript, architectes et chefs de projets Web.

» Prérequis

Bonne connaissance de JavaScript, pratique du développement Web.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Avis vérifiés
picto avis vérifiés
Honore T. 03/10/2018
4 / 5
Trop de temps imparti aux TP, les bases théoriques sont survolées

Julien F. 03/10/2018
4 / 5
Le formateur va parfois un peu vite

Pierre B. 03/10/2018
4 / 5
Le contenu est bon, mais la première journée peut être trop détaillée et la dernière trop "lourde", il y a un déséquilibre selon les journées.

Yves P. 03/10/2018
4 / 5
Déséquilibre entre la charge des journées selon les thèmes abordés: - un peu lent sur les rappels - trop rapide sur redux

Elliot E. 03/10/2018
4 / 5
Déséquilibre de contenu entre le 1er et dernier jours. Le rythme du 2eme jour était mieux. J'aurais souhaité passe plus de temps sur le contenu vu le dernier jour et moins de temps sur le contenu du 1er jour.

Guillaume R. 03/10/2018
5 / 5
Contenu intéressant. J'ai apprécié les travaux pratiques (TP) qui sont abordables malgré la difficulté du sujet. La progression du niveau de difficulté est bien adaptée. Le seul point négatif est la gestion du temps. Les TPs sont un peu lents au début, et trop rapides à la fin. Il faudrait soit étendre la formation à 4 jours ou bien réduire le temps des TPs au début.

Thomas T. 03/10/2018
5 / 5
très bon formateur

Khay H. 24/09/2018
5 / 5
Bonne pédagogie, bon exemples concrets. Bon équilibre cours-exo

Julien D. 24/09/2018
5 / 5
Très bien mais trop court pour une formation comme ReactJS

Julien T. 24/09/2018
5 / 5
Le formateur est très pédagogique et maîtrise bien son sujet.

Michael M. 24/09/2018
4 / 5
Le sujet est vaste et ne peut être vu en 3 jours. Dommage car cela impacte directement sur le temps accordé au TP. A ce sujet ces derniers auraient du être décomposé en étapes et nécessité avec une correction à chacune d'entre elle.

Manuel B. 24/09/2018
4 / 5
Le contenu est très intéressant cependant il est difficile de maitriser cela en trois jours. Une journée voir deux de plus serait nécessaire.

Laurence D. 24/09/2018
4 / 5
Il manque sans doute une journée pour pouvoir poser les concepts étape par étape / beaucoup de concept.

CAM L. 24/09/2018
4 / 5
Le programme de la formation est très dense. La durée est courte : 3 journées. Il faudrait à minima 4 jours voire 5 jours pour appréhender vraiment le sujet.

Mathieu C. 24/09/2018
5 / 5
Le dynamisme du formateur ainsi que la bonne structuration de son intervention m'ont permis de bien mieux appréhender le sujet qu'en simple auto-didacte. La qualité de ses exemples correspondent je pense à la réalité de ce qui pourra m'être demander par la suite.

Romain Q. 24/09/2018
5 / 5
Sujet très dense qui mériterai plus de temps de formation, il ne s'agit en aucun cas d'un problème vis à vis du formateur. Le sujet est très complexe est donc 3jours c'est très court.

Frédéric S. 18/06/2018
4 / 5
Sujet de formation très dense, mériterait une session sur deux semaines pour approfondir plus le sujet.

Sébastien O. 18/06/2018
4 / 5
Renaud est un très bon formateur qui sait partager ses connaissances dans la bonne humeur. Le contenu est dense mais de très bonne qualité.

Anne E. 12/03/2018
4 / 5
Un peu trop dense, mérite un jour de plus

Allain D. 12/03/2018
5 / 5
Contenue intéressant, bonne pédagogie.

Youssef L. 12/03/2018
5 / 5
Correspond à ce que j'attendais

Sofian C. 12/03/2018
5 / 5
Cours très intéressant mais très dense au niveau du contenu. Il y a une montée progressive de la difficulté, ce qui est une bonne chose. Il faut tout de même bien pratiquer par la suite pour se sentir à l'aise avec ReactJS, car on fait face à beaucoup de nouvelles notions.

HUBERT D. 12/03/2018
5 / 5
Très bonne formation qui correspondait bien à mes attentes. J'ai regretté que le support de cours au format numérique soit en PDF protégé (copié/collé interdit). Cette protection a été gênante pour cette formation où on aurait eu besoin de copier des fragments de code pour faciliter la réalisation des TP (par ailleurs excellents).

Thomas E. 27/11/2017
5 / 5
bonne approche, pragmatique, du sujet. Le support et les exercices semblaient être en cours de finalisation. beaucoup de choses sont abordées, c'est parfois rapide
Avis client 4,3 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.