Nos formations

ReactJS, maîtriser le framework JavaScript (3 jours)

ReactJS, maîtriser le framework JavaScript (3 jours) Image

Objectifs pédagogiques

  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et redux
  • 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.
  • ReactJS, positionnement et philosophie.
  • JSX, présentation.
  • 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 : 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.
  • 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 ou Redux

  • Redux : présentation. Propagation de données.
  • Rôle du ”Dispacther” dans Redux pour les actions.
  • Les ”Stores”, gestionnaire d’états logique dans Redux.
  • Définition du Functionnal Programming.
  • Approche avec Redux. Le ”Reducer”.
  • Extension pour ReactJS : ”hot-loader”. (optionnel)

Travaux pratiques
Intégration d\\\\\\\\’une SPA.

Introduction à React Native

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

Démonstration
Application utilisant React Native.

ReactJS, maîtriser le framework JavaScript (3 jours)

ReactJS, maîtriser le framework JavaScript (3 jours) Image

Objectifs pédagogiques

  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et redux
  • 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.
  • ReactJS, positionnement et philosophie.
  • JSX, présentation.
  • 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 : 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.
  • 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 ou Redux

  • Redux : présentation. Propagation de données.
  • Rôle du ”Dispacther” dans Redux pour les actions.
  • Les ”Stores”, gestionnaire d’états logique dans Redux.
  • Définition du Functionnal Programming.
  • Approche avec Redux. Le ”Reducer”.
  • Extension pour ReactJS : ”hot-loader”. (optionnel)

Travaux pratiques
Intégration d\\\\\\\\’une SPA.

Introduction à React Native

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

Démonstration
Application utilisant React Native.