ReactJS - Développement d'applications Web
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Vous familiariser avec la syntaxe et les fonctionnalités ES6
- Présenter les principes de base du framework ReactJS
- Expliquer la syntaxe JSX, la définition et l'intérêt des composants
- Décrire le concept de props (propriétés) et leur utilisation
- Présenter le fonctionnement de la navigation avec React et le router react-router-dom
- Présenter les Hooks
- Gérer les évènements et rendu conditionnel dans le JSX
- Créer des listes, utiliser des fragments et gérer les formulaires avec React
- Décrire le concept de Redux
- Expliquer les perspectives et mettre en oeuvre les bonnes pratiques.
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Jour 1 - Matin
Introduction et rappels ES6
- Outils et IDE (Integrated Development Environment)
- L'extension du navigateur React Developer Tools
- Packaging, npm
- Transpiler ECMAScript
- Syntaxe ES6 : let, const, classes, interfaces, modules, fonctions arrow
Exemples de travaux pratiques (à titre indicatif)
- Installation des outils et IDE
- Rappels sur la syntaxe ES6
Le framework ReactJS
- Principes de base et comparaison avec les autres frameworks
- Philosophie "composant"
- Workflows de développement : from scratch, intégration à une application Web existante, utilisation de Create React App
- Le DOM virtuel et la réconciliation
Le JSX et les composants
- Définition d'un élément React
- Liaison avec le DOM (ReactDOM.render())
- Syntaxe JSX
- Les composants : définition et intérêt
- Composants en mode classe et composants fonctionnels
- Imbrication de composants
Exemples de travaux pratiques (à titre indicatif)
- Création d'un composant de base
- Imbrication de composants
Jour 1 - Après-midi
Les props
- Définition des props et transmission de données
- Accéder aux props
- La props.children
Exemple de travaux pratiques (à titre indicatif)
- Utilisation des props dans un composant
Le routing et la navigation
- Construire une SPA (Single Page Application) avec react-router-dom (version 6)
- Le router, les liens, les routes, le switch
- Les paramètres d'URL et les navigations imbriquées
Exemples de travaux pratiques (à titre indicatif)
- Mise en place du routing et navigation dans l'application
Les Hooks
- Définition et comparaison avec les composants en mode "classe"
- Hooks d'état (useState) et d'effet (useEffect)
- Règles des Hooks et custom Hooks
Exemples de travaux pratiques (à titre indicatif)
- Conversion d'un composant en mode "classe" en composant fonctionnel avec Hooks
- Gestion des évènements et rendu conditionnel
Jour 2 - Matin
Syntaxe des évènements dans le JSX
- Gestion des méthodes d'évènement (handlers)
- Contenu conditionnel et raccourcis (opérateur &&, opérateur ternaire)
Exemples de travaux pratiques (à titre indicatif)
- Gestion des évènements et rendu conditionnel dans un composant
- Listes, fragments et formulaires
Listes et raccourcis (map, filter)
- Les clés (key) et le DOM virtuel
- Les fragments
- Etat du composant et composants contrôlés
- Gestion des formulaires et refs
Exemples de travaux pratiques (à titre indicatif)
- Création d'une liste avec des données et gestion d'un formulaire
Jour 2 - Après-midi
Immutabilité des variables partagées
- Problème de la gestion d'état
- Les actions, les reducers et le store
- Utilisation avec React (react-redux)
- Le composant Provider
- Les containers
- Introduction à Redux et Zustand
- Utilisation avec les Hooks useSelector et useDisptach
Exemples de travaux pratiques (à titre indicatif)
- Intégration de Redux dans l'application
- Chapitre d'ouverture : perspectives et bonnes pratiques
Jour 3 - Matin
Introduction aux tests unitaires
- Le framework Jest (setup, teardown, describe, it)
- La React Testing Library (cleanup, render, fireEvent)
React Native : aperçu et utilisation pour le développement d'applications mobiles
Jour 3 - Après-midi
Server Side Rendering (SSR) : avantages et cas d'utilisation
Bonnes pratiques de développement en React
Examen M2i (en option)
- Prévoir l'achat de l'examen en supplément
- L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
- Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
- L'examen n'est pas éligible au CPF, mais permettra néanmoins de valider vos acquis
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou un examen M2i
Les + de la formation
Un examen M2i permettant de valider vos acquis à l'issue de la formation est disponible sur demande (coût : 120€).
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
Réaliser des applications front-end avec Vue.js| Tarif |
A partir de 2 750,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Maîtriser les principales fonctionnalités d'After Effects - Savoir créer et manipuler des compositions pour réaliser des animations destinées au web ou à la vidéo.| Tarif |
A partir de 1 125,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Décrire les déploiements Cisco ISE
- Décrire comment les ensembles de stratégies Cisco ISE sont utilisés pour implémenter l’authentification et l’autorisation
- Décrire les périphériques d’accès réseau (NAD) tiers, Cisco GeSec® et Easy Connect
- Configurer l’authentification Web, les processus, le fonctionnement et les services invités
- Configurer les services de profilage Cisco ISE
- Décrire les défis, les solutions, les processus et les portails BYOD
- Décrire la valeur du portail Mes appareils et comment configurer ce portail
- Configurer l’administration des périphériques TACACS + à l’aide de Cisco ISE
| Tarif |
A partir de 4 290,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Élaborer une politique de commercialisation en ligne (Stratégie d’animation d’un site E-Commerce / E-Business)
- Animer des communautés et des ventes en ligne (Administrer un site et des réseaux sociaux)
- Produire des contenus pour le web (Créer des visuels et des vidéos, rédiger des articles, optimiser les mots-clés)
- Optimiser le référencement d’un site E-Commerce (Rédiger pour les moteurs de recherche et organiser une veille SEO)
- Piloter un projet E-Commerce (Rédiger un cahier des charges, développer des liens commerciaux)
| Tarif |
Contacter l'organisme |
| Durée |
60j / 413h |
| Modes |
|
Objectifs de la formation
Construire des applications basées sur JBoss Portal - administrer JBoss Portal| Tarif |
A partir de 2 475,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
Toute personne souhaitant enrichir ses sites Web de boutons, pictogrammes, animations, illustrations photos ou graphiques.
À l'issue de la formation, le stagiaire sera capable de :
- Créer et animer des objets
- Optimiser un site Web
| Tarif |
Contacter l'organisme |
| Durée |
2 jour(s) |
| Modes |
|
Mise en oeuvre d’une plateforme d’Intégration Continue pour optimiser la qualité des développements Java
Proposé par ENI ServiceObjectifs de la formation
- Comprendre la problématique de la complexité des développements logiciels.
- Comprendre le bénéfice de l’intégration continue?pour améliorer la qualité des développements.
- Adopter les bonnes pratiques de rédaction des tests logiciels.
- Créer et exécuter des tests unitaires avec JUnit.
- Créer et exécuter des tests d'intégration avec JUnit, HttpUnit et DbUnit.
- Créer et exécuter des tests fonctionnels sur des applications Web avec la suite d'outils Selenium.
- Mettre en place une stratégie de campagne de tests automatisés avec JUnit et Selenium.
- Travailler avec un gestionnaire de code source tel que Git, et adopter les réflexes du travail collaboratif.
- Utiliser un outil de construction logiciel?tel qu’Apache Maven.
- Comprendre le rôle des différents outils d’une chaine d’intégration continue.
- Mettre en place une plateforme d’intégration continue autour de Jenkins.
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
-
Créer et gérer le contenu d'un site Web marchand avec PrestaShop.
| Tarif |
A partir de 3 100,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Inscrire le lancement de nouveaux produits/services dans la démarche marketing globale
- Intégrer le processus d’adoption d’un nouveau produit/service par le client final
- Comprendre la stratégie de développement d’une nouvelle offre
- Mettre en œuvre le lancement opérationnel d’un nouveau produit/service
| Tarif |
A partir de 1 550,00 € |
| Durée |
2j / 14h |
| Modes |
|
