React : développer votre application web Mixte : présentiel / à distance
Dernière mise à jour : 19/04/2021
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.
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 de la formation
- 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 visé
- 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).
Programme
Jour 1
INTRODUCTION À REACT
DÉCOUVRIR L'ÉCOSYSTÈME WEB
METTRE EN PLACE LE BOOTSTRAP DE L'APPLICATION
APPELER UNE API ET AFFICHER LE RÉSULTAT
Dojo
Test Driven Development (TDD)
Syntaxe ES6
Fetch
Promises
S'APPROPRIER LA PHILOSOPHIE REACT
METTRE EN PLACE UN PLUGIN EXTERNE (AUTOCOMPLETE)
Jour 2
PARTAGER LES FEEDBACKS SUR LA PREMIÈRE JOURNÉE
DÉCOMPOSER SON APPLICATION
DÉVELOPPER UN COMPOSANT AFFICHANT UNE CARTE
STYLER SON COMPOSANT AVEC CSS MODULE
DÉCOUVRIR LA CONFIGURATION INITIALE
FAIRE COMMUNIQUER SES COMPOSANTS
GÉRER L'ÉTAT DE SON APPLICATION
DÉPLOYER SON APPLICATION SUR LE CLOUD
BILAN ET CLÔTURE DE LA FORMATION
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
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 / des Formateur(s)
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.