Nos domaines de formation :

Formation ReactJS, maîtriser le Framework JavaScript de Facebook

4,5 / 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
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

Basile P. 25/09/2017
5 / 5
Très bonne pédagogie, maîtrise parfaitement son sujet. Intervenant dynamique et motivant.

Jean D. 25/09/2017
5 / 5
Cours Intéressants, formation pratique, poussée, et ludique

Renaud C. 25/09/2017
5 / 5
Très bonne interaction avec le formateur, très dynamique et pédagogue.

Camille C. 25/09/2017
5 / 5
Renaud est très dynamique et explique bien. De très bons exemples ont été utilisé
Avis client 4,5 / 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.

Dates de sessions

Pour vous inscrire, cliquez sur la session qui vous intéresse.
[-]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.