Nouvelle formation

Formation ReactJS, développer une application web

Découvrer Angular JS

Présentation

DVRE002
3 jours ( 21 heures )
Présentation

Ce stage vous permettra de développer des applications avec ReactJS, JSX et Flux et découvrirez le principe et les bénéfices du développement isomorphique.

Objectifs du cours
Développer  des applications riches côté client et de maîtriser les fonctionnalités clés du framework: filtes, controleurs, templates.
Pré-requis
Maîtrise du javaScript et du déveloopement web.

Programme

 

 

 

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 oeuvre "Transpilers".
Environnement de développement. IDE et plug-ins.

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.

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.

 

 

 

APPLICATION MONOPAGE AVEC REACTJS ET FLUX

Flux : présentation. Propagation de données.
Création de vues et contrôleurs.
Rôle du "Dispacther" pour les actions.
"Stores", gestionnaire d'états logique.
Extension pour ReactJS : animation. Data-binding bidirectionnel...

 

 

 

 

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.

Introduction à React Native

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

Partager cette formation

 

Contactez-nous

contactez logware

Vous êtes intéressé par cette formation ou souhaitez simplement obtenir des informations complémentaires ?

+33 1 53 94 71 20

Écrivez-nous on vous rappelle

  1. Nom*
    Merci de saisir un nom valide
  2. Prénom*
    Merci de saisir un prénom valide
  3. E-mail*
    Merci de saisir une adresse email valide
  4. Téléphone*
    Numéro de téléphone invalide
  5. Entreprise
    Donnée invalide

Parce que nous comprenons la nécessité d'obtenir un enseignement qui permettra à votre équipe d'atteindre vos objectifs, nous restons flexibles et sommes capables d'adapter nos programmes de formation à vos besoins.

> En savoir plus