> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation ReactJS, maîtriser le framework JavaScript de Facebook > Formations > Technologies numériques > Formation ReactJS, maîtriser le framework JavaScript de Facebook
Formation incontournable

ReactJS, maîtriser le framework JavaScript de Facebook

ReactJS, maîtriser le framework JavaScript de Facebook

Télécharger au format pdf Partager cette formation par e-mail 2


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


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. TJS
Prix : 2050 € H.T.
  3j - 21h
Pauses-café et
déjeuners offerts




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

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et Flux
  • Comprendre le subset JavaScript JSX
  • Optimiser les performances des RIA

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

Prérequis
Pratique du développement Web, maîtrise et pratique de JavaScript (ES5 minimum).
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la 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.


Modalités pratiques
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.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Parcours certifiants associés
Pour aller plus loin et renforcer votre employabilité, découvrez les parcours certifiants qui contiennent cette formation :

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Avis clients
4,5 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
YANN B.
11/05/22
2 / 5

Formation pas assez structurée Trop peu de TP Manque de pédagogie du formation
JEAN-LOUIS G.
11/05/22
3 / 5

Le support de cours possède de nombreuses phrases avec une grammaire douteuse. Une annexe avec les liens de documentation officielle serait un plus même si on sait les retrouver.
CLÉMENT B.
11/05/22
2 / 5

Je trouve que la formation est une bonne introduction a React. Cependant, je m’attendait a une formation plus complète, notamment au niveau des bonnes pratiques React et non JS. Il y a des sujets qui devait être abordes qui ont été seulement survolé. Pour une formation s’appelant "Maitriser React", on en ressort avec une sensation de formation incomplète et il y a des question auxquelles on a pas de réponses mais le poisson se




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Pour vous inscrire, sélectionnez la ville et la date de votre choix.
Du 29 au 31 août 2022 *
FR
Classe à distance
Session garantie
S’inscrire
Du 7 au 9 septembre 2022 *
FR
Classe à distance
Session garantie
S’inscrire
Du 19 au 21 septembre 2022
FR
Nantes
S’inscrire
Du 19 au 21 septembre 2022
FR
Rennes
S’inscrire
Du 19 au 21 septembre 2022
FR
Strasbourg
S’inscrire
Du 26 au 28 septembre 2022
FR
Bordeaux
S’inscrire
Du 26 au 28 septembre 2022
FR
Toulouse
S’inscrire
Du 26 au 28 septembre 2022
FR
Classe à distance
S’inscrire
Du 26 au 28 septembre 2022 *
FR
Paris La Défense
Session garantie
S’inscrire
Du 5 au 7 octobre 2022
FR
Avignon
S’inscrire
Du 5 au 7 octobre 2022
FR
Toulon
S’inscrire
Du 5 au 7 octobre 2022
FR
Sophia-Antipolis
S’inscrire
Du 5 au 7 octobre 2022
FR
Marseille
S’inscrire
Du 5 au 7 octobre 2022
FR
Aix-en-Provence
S’inscrire
Du 10 au 12 octobre 2022
FR
Angers
S’inscrire
Du 10 au 12 octobre 2022
FR
Bourges
S’inscrire
Du 10 au 12 octobre 2022
FR
Reims
S’inscrire
Du 10 au 12 octobre 2022
FR
Rouen
S’inscrire
Du 10 au 12 octobre 2022
FR
Chartres
S’inscrire
Du 10 au 12 octobre 2022
FR
Le Mans
S’inscrire
Du 10 au 12 octobre 2022
FR
Caen
S’inscrire
Du 10 au 12 octobre 2022
FR
Le Havre
S’inscrire
Du 10 au 12 octobre 2022 *
FR
Classe à distance
Session garantie
S’inscrire
Du 10 au 12 octobre 2022
FR
Paris La Défense
S’inscrire
Du 12 au 14 octobre 2022
FR
Brest
S’inscrire
Du 12 au 14 octobre 2022
FR
Mulhouse
S’inscrire
Du 12 au 14 octobre 2022
FR
Strasbourg
S’inscrire
Du 12 au 14 octobre 2022
FR
Nantes
S’inscrire
Du 24 au 26 octobre 2022
FR
Toulouse
S’inscrire
Du 24 au 26 octobre 2022 *
FR
Lyon
Session garantie
S’inscrire
Du 24 au 26 octobre 2022
FR
Clermont-Ferrand
S’inscrire
Du 24 au 26 octobre 2022
FR
Metz
S’inscrire
Du 24 au 26 octobre 2022
FR
Niort
S’inscrire
Du 24 au 26 octobre 2022
FR
Pau
S’inscrire
Du 24 au 26 octobre 2022
FR
Bordeaux
S’inscrire
Du 24 au 26 octobre 2022
FR
Dijon
S’inscrire
Du 24 au 26 octobre 2022
FR
Nancy
S’inscrire
Du 24 au 26 octobre 2022
FR
Saint-Etienne
S’inscrire
Du 24 au 26 octobre 2022
FR
Limoges
S’inscrire
Du 2 au 4 novembre 2022
FR
Lille
S’inscrire
Du 2 au 4 novembre 2022
FR
Orléans
S’inscrire
Du 2 au 4 novembre 2022
FR
Aix-en-Provence
S’inscrire
Du 2 au 4 novembre 2022
FR
Paris La Défense
S’inscrire
Du 2 au 4 novembre 2022
FR
Montpellier
S’inscrire
Du 2 au 4 novembre 2022
FR
Classe à distance
S’inscrire
Du 2 au 4 novembre 2022
FR
Sophia-Antipolis
S’inscrire
Du 2 au 4 novembre 2022
FR
Tours
S’inscrire
Du 2 au 4 novembre 2022
FR
Luxembourg
S’inscrire
Du 2 au 4 novembre 2022
FR
Lausanne
S’inscrire
Du 2 au 4 novembre 2022
FR
Genève
S’inscrire
Du 2 au 4 novembre 2022
FR
Bruxelles
S’inscrire
Du 2 au 4 novembre 2022
FR
Bruxelles
S’inscrire
Du 14 au 16 novembre 2022
FR
Classe à distance
S’inscrire
Du 14 au 16 novembre 2022
FR
Paris La Défense
S’inscrire
Du 14 au 16 novembre 2022
FR
Lyon
S’inscrire
Du 14 au 16 novembre 2022
FR
Grenoble
S’inscrire
Du 16 au 18 novembre 2022
FR
Nantes
S’inscrire
Du 16 au 18 novembre 2022
FR
Strasbourg
S’inscrire
Du 16 au 18 novembre 2022
FR
Rennes
S’inscrire
Du 21 au 23 novembre 2022
FR
Bordeaux
S’inscrire
Du 21 au 23 novembre 2022
FR
Toulouse
S’inscrire
Du 7 au 9 décembre 2022
FR
Paris La Défense
S’inscrire
Du 7 au 9 décembre 2022
FR
Classe à distance
S’inscrire