Format : Stage pratique
Répartition du temps : 30% exposés
70% pratique

La formation en détails

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

  • 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).

Modalités pédagogiques

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.
 

Profil du formateur

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

Modalités d'évaluation et de suivi

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 détaillé

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

Besoin d'aide pour trouver votre formation ?

Contactez-nous

Sessions & Inscriptions

Session partagée avec d'autres organisations

Prochaine session
  • du 14 au 15/11/2022
    Distanciel
    1 650,00 € HT
Durée
14 h / 2 j

Demandez un devis Contactez-nous
Télécharger le programme

Organiser une session dédiée à votre organisation

Durée
14 h / 2 j

Vous avez plusieurs collaborateurs à former ?

Cette formation peut être organisée
sous la forme de sessions dédiées
aux membres de votre organisation.

Demandez un devis Contactez-nous Télécharger le programme

Personnaliser cette formation

Cette formation vous intéresse
et vous souhaitez l'adapter pour
vos collaborateurs ?

Nos formateurs et notre équipe pédagogique sont à
votre disposition pour en discuter
et vous proposer un programme sur-mesure.

Contactez-nous Télécharger le programme

OCTO Academy respecte votre vie privée

Ce site web stocke des informations vous concernant via le dépôt de cookie afin de mesurer l’audience du site. Ces données de navigation sont anonymisées.

En cliquant sur « OK pour moi », vous manifestez votre consentement pour le dépôt de ces cookies.

Lire la politique de confidentialité

À propos des cookies

Sur ce site, nous utilisons des cookies pour mesurer notre audience, entretenir la relation avec vous et vous adresser de temps à autre du contenu qualitif ainsi que de la publicité. Vous pouvez sélectionner ici ceux que vous autorisez à rester ici.

Cookies