Nos solutions de formation à distance et en présentiel éligibles au dispositif FNE-Formation 100% financées En savoir plus
ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE CLIENT     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais

Nos formations :

Toutes nos formations Développement Front-End

Formation ReactJS, maîtriser le framework JavaScript de Facebook

4,3 / 5
Stage pratique
Best
Durée : 3 jours
Réf : TJS
Prix  2020 : 2090 € 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

Pratique du développement Web, maîtrise et pratique de JavaScript (ES5 minimum).
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
Pierre E. 29/06/2020
4 / 5
Formation très complète, ce serait bien de passer un peu plus de temps sur les exercices pour chaque partie avec une correction pour s'assurer des bonnes pratiques de dev. Il aurait été bien que la formation soit sur 4/5 jours au lieu de 3 seulement pour prendre un peu plus de temps sur les TP.

Wandrille S. 29/06/2020
4 / 5
Les supports des exercices pratiques mériterait d'être améliorés pour plus de clarté sur les étapes a effectuer. (commandes incomplètes, formulation parfois vagues)

Florian C. 29/06/2020
4 / 5
Il aurait fallu passer moins de temps sur le js au départ pour faire plus de React.

Bastien M. 29/06/2020
4 / 5
Bonne formation et bonne attitude du formateur. Des problèmes techniques récurrents ont rendu la formation parfois difficile. Dommage aussi de ne pas aborder le Typescript durant la formation. Même questionnement, à un moment on parle de connexion sur des API REST et on aborde le sujet par des promises plutôt que le mécanisme d'async/await qui est plus moderne.

Delphine M. 29/06/2020
5 / 5
Formation très intéressante, très bon équilibre théorie/pratique. Quelques soucis pour faire passer par mail les énoncés des ateliers sans toutefois d'impact fort.

ALBERT L. 16/06/2020
5 / 5
excellente formation avec un excellent formateur, très patient et très pédagogue

Aurélien G. 16/06/2020
5 / 5
Cours très intéressant. Bon équilibre théorie/pratique, cependant il aurait été intéressant d'avoir plus de temps pour bien comprendre et assimiler tous les principes et méthodes vus durant la formation. Un point bonus pour la découverte et l'initiation à Git et Github. Très bon formateur.

TRUNG T. 16/06/2020
5 / 5
Bon formateur très pédagogue. Sachant bien vulgariser des concepts complexes.

Philippe B. 16/06/2020
5 / 5
Bon suivi pédagogique

SAMALEA,BARBARA S. 16/06/2020
5 / 5
De tous les modules du parcours FrontEnd celui c'était le mieux expliqué. La qualité du formateur était très bonnes et les explications très claires.

Alex S. 15/06/2020
4 / 5
Le contenu est assez bon, le cours est adapté pour les débutants sur React, dommage qu'on n'ai pas eu suffisamment de temps pour aborder de manière approfondie des sujets très importants comme Redux. Cela est certainement dû aux conditions du cours

Tendry R. 15/06/2020
4 / 5
Le support de cours n'a pas été assez utilisé mais cela a été contrebalancé par une bonne animation du formateur. Le rythme était parfois un peu rapide avec une sensation "d'accélération parce que l'heure tourne" vers la fin. Dans l'ensemble c'était bien.

Antoine D. 15/06/2020
4 / 5
Trop de pratique / Pas assez d'explication avant

TRAORE N. 15/06/2020
5 / 5
Professeur à l'écoute et bonne animation du cours.

Kévin D. 08/06/2020
5 / 5
Contenu intéressant est bien mené. On apprend dans un ordre logique et à un rythme convenable.

Bastien B. 08/06/2020
4 / 5
Le contenu est dense et va bien au delà de React puisque nous avons vu pas mal de choses en ce qui concerne la création d'un server Node.js. Beaucoup de choses à assimiler mais cela me fera de la matière pour la suite de mon apprentissage.

Arnaud R. 08/06/2020
4 / 5
Contenu très intéressant, Jean-Louis est un formateur très compétant et à l'écoute. Seul problème : la formation est trop courte donc le formateur est obligé d'avoir un rythme soutenu...

Romain C. 08/06/2020
5 / 5
Très bonne formation dans son ensemble.

Fabrice G. 08/06/2020
5 / 5
Cours qui couvre bien les bases de REACT pour débuter. Formation dense donc rapide

François V. 08/06/2020
5 / 5
Excellente formation Le rythme est un peu trop rapide pour moi
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.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS
[+]
AIX
[+]
ANGERS
[+]
BORDEAUX
[+]
BRUXELLES
[+]
DIJON
[+]
GENEVE
[+]
GRENOBLE
[+]
LILLE
[+]
LIMOGES
[+]
LUXEMBOURG
[+]
LYON
[+]
MONTPELLIER
[+]
NANCY
[+]
NANTES
[+]
NIORT
[+]
ORLEANS
[+]
REIMS
[+]
RENNES
[+]
ROUEN
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULON
[+]
TOULOUSE
[+]
TOURS

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.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys