ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE PRO     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais
Nos domaines de formation :
Toutes nos formations Développement Front-End

Formation ReactJS, maîtriser le framework JavaScript de Facebook

4,5 / 5
Stage pratique
Best
Durée : 3 jours
Réf : TJS
Prix  2019 : 2030 € 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
Thomas L. 04/11/2019
2 / 5
Formateur sympathique mais qui ne connait pas son sujet .... Formation non opérationnelle

Pascal D. 04/11/2019
2 / 5
Formateur ne maitrise par son sujet. Aucune réponse aux questions. Très brouillon. A revoir.... Dommage !!!

ERIC L. 04/11/2019
3 / 5
On a copié des lignes de code sans vraiment comprendre et d'avoir des explications

Sarah M. 04/11/2019
4 / 5
J'aurais aimé plus de théorie avant le code

HUGUES F. 04/11/2019
5 / 5
La méthodologie d'application entre le html et le css3 était très intéressante. Cela m'a permet de retrouver les bases

ADDA A. 28/10/2019
4 / 5
Bonne pédagogie du formateur

Najmeddine A. 28/10/2019
5 / 5
contenu consistant et complet

khalid l. 28/10/2019
5 / 5
la formation était très structurée et profitable.

kouis k. 28/10/2019
5 / 5
Très bien détaille

Mohamed B. 28/10/2019
5 / 5
Très pédagogue, explications claires, formateur sympatrique!

Maximilien I. 28/10/2019
5 / 5
Une tres bonne base pour commencer à utiliser la STACK

yuhei n. 28/10/2019
5 / 5
très bonne formation - clarté des explications

Matthieu M. 02/10/2019
5 / 5
Formation tres enrichissante bien presenter par le formateur

Haytulla K. 02/10/2019
5 / 5
Interesting material, wide approach that kept interest up Very good delivery

Christophe A. 02/10/2019
5 / 5
Formateur vraiment très pédagogue, qui sait expliquer avec clarté dès qu'il y a une zone d'ombre.

johann c. 02/10/2019
5 / 5
La formation mériterait une journée supplémentaire afin d'avoir plus de temps pour la pratique

Gilles B. 02/10/2019
5 / 5
très bon formateur

Jean-Gabriel C. 02/09/2019
4 / 5
Pb d'impression => support papier très difficile à lire

Tamsir D. 02/09/2019
5 / 5
Formateur très pédagogue et qui explique très bien les concepts et va au fond des choses.

Angélique C. 02/09/2019
5 / 5
Contenu de qualité , bon équilibre entre théorie et pratique. Bémol: support écrit mal imprimé, phrases incomplètes .
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.

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
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