React : développer votre application web

Découvrir l’écosystème ReactJS par la pratique

Description

La diversité de l’écosystème de développement web n’a jamais été aussi riche. Nous découvrirons pourquoi React fait partie des librairies les plus populaires et les plus utilisées du moment. Cette formation vous propose donc de créer une Single Page Application de géolocalisation basée sur une API externe. Le développement se déroulera en Test Driven Development et sera découpé en étapes correspondant à chaque facette d’une application front.
A l'issue de la formation, les participants seront en mesure de réaliser et déployer une application web complète, modulaire et extensible.

Objectifs pédagogiques

  • Concevoir une application web avec React
  • Comprendre l’architecture orientée composants utilisée par React
  • Mettre en œuvre une démarche de qualité dans le développement

Public cible

  • Chef de projet web
  • Architecte technique
  • Développeur front-end

Pré-requis

  • Bonne connaissance de JavaScript.
  • Pratique du développement front web (HTML et CSS).

Méthode pédagogique

Formation axée sur la pratique, tout au long de laquelle les participants développent une application web moderne jusqu’à son déploiement sur le cloud. Chaque étape est ponctuée de points théoriques sur les différents aspects de l’écosystème front.

PROFILS DES INTERVENANTS

Toutes nos formations sont animées par des consultants-formateurs expérimentés et reconnus par leurs pairs.

MODALITÉS D'ÉVALUATION ET FORMALISATION À L'ISSUE DE LA FORMATION

L'évaluation des acquis se fait tout au long de la session au travers des ateliers et des mises en pratique. Une évaluation à chaud sur la satisfaction des stagiaires est réalisée systématiquement en fin de session et une attestation de formation est délivrée aux participants mentionnant les objectifs de la formation, la nature, le programme et la durée de l'action de formation ainsi que la formalisation des acquis.

Programme :

Jour 1

  • Introduction à React
  • Découvrir l’écosystème web
    • JavaScript
    • Frameworks
    • Testing
    • Build
    • Debug
    • Etc.
  • Mettre en place le bootstrap de l’application
    • Configuration
    • Hot reload
    • Source map
  • Appeler une API et afficher le résultat
    • Dojo
    • Test Driven Development (TDD)
    • Syntaxe ES6
      • Un langage pour simplifier la description du Virtual DOM
      • Aperçu des fonctionnalités d’ES6 utilisable
    • Fetch
    • Promises
  • S’approprier la philosophie React
  • Mettre en place un plugin externe (autocomplete)
    • Npm, communauté React

Jour 2

  • Partager les feedbacks sur la première journée
  • Décomposer son application
    • Pourquoi et comment ?
    • Architecture composants
  • Développer un composant affichant une carte
    • Utilisation de leaflet
  • Styler son composant avec CSS module
  • Découvrir la configuration initiale
    • Webpack, build, lint
  • Faire communiquer ses composants
    • One-way data flow
  • Gérer l’état de son application
    • Redux
  • Déployer son application sur le cloud
  • Bilan et clôture de la formation
Type : Stage pratique en présentiel
Code formation : REACT
Durée : 2 jours (14 heures)

Sessions inter-entreprises :

Tarif & dates intra-entreprise :
Devis sur demande
Nous Contacter