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
WordPress - Créer et développer le site Internet de son entreprise
Proposé par CIT FORMATION INFORMATIQUEObjectifs de la formation
Acquérir les connaissances nécessaires pour être autonome dans la conception et la maintenance de son site Web avec WordPress, savoir l’installer et le mettre en ligne.
Formation éligible à l'utilisation du CPF avec possibilité du passage de la certification TOSA en fin de formation.
| Tarif |
A partir de 1 050,00 € |
| Durée |
3 jour(s) |
| Modes |
|
Formation : Créer des applications ou sites performants et centrés sur l'utilisateur
Proposé par COMUNDIObjectifs de la formation
- Découvrir la méthodologie de l'UX design et du pilotage de projets Web (pour des sites, des apps et tout support numérique)
- Expérimenter les bonnes pratiques en matière d’interfaces (UI) pour une proposition de valeur menant à la satisfaction des internautes
- Activer, mesurer et optimiser les bons leviers pour favoriser des parcours menant à la conversion, du SEO à l'A/B testing
| Tarif |
A partir de 1 590,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Exploiter les opportunités et les enjeux du marketing à l’ère digitale.
- Créer de la valeur en activant les bons leviers marketing.
- Intégrer les nouvelles architectures de communication au funnel marketing.
- Évaluer les actions mises en œuvre et faire des arbitrages.
| Tarif |
A partir de 1 540,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
- Appréhender le fonctionnement de MongoDB
- Appréhender comment installer, configurer et administrer un serveur MongoDB
- Créer des requêtes d'interrogation
- Mettre en œuvre la réplication avec MongoDB
- Distribuer des données sur plusieurs instances d'une base MongoDB
- Sauvegarder les données d’une base MongoDB
| Tarif |
A partir de 1 990,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Développer, tester, publier et partager vos services Web (ou Web Services) RESTful.
| Tarif |
A partir de 1 830,00 € |
| Durée |
3j / 21h |
| Modes |
|
Red Hat OpenStack Administration 2 – Configuration de l’infrastructure pour les administrateurs de cloud (avec présentation à l’examen EX210)
Proposé par ENI ServiceObjectifs de la formation
- Décrire l'architecture de Red Hat Enterprise Linux OpenStack Platform
- Installer Red Hat Enterprise Linux OpenStack Platform avec Packstack
- Déployer les instances
- Déployer manuellement les services Rabbit MQ et Keystone de Red Hat Enterprise Linux OpenStack Platform
- Déployer manuellement les services Swift et Glance de Red Hat Enterprise Linux OpenStack Platform
- Déployer manuellement les services de stockage, réseau de calcul et controleur Nova de Red Hat Enterprise Linux OpenStack Platform
- Ajouter un noeud de calcul supplémentaire
- Gérer les utilisateurs et les projets
- Déployer les services d'orchestration Heat et de mesure Ceilometer
- Utiliser Heat pour déployer et personnaliser des instances
| Tarif |
A partir de 3 924,00 € |
| Durée |
5j / 30h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation BO XI 3 Administration & Sécurité, vous aurez acquis les connaissances et compétences nécessaires pour :
- Maîtriser l'environnement Central Management Console et la zone de lancement BI.
- Connaître les concepts de la gestion de la sécurité XI 3
- Mettre en oeuvre la matrice de sécurité XI 3
- Gérer les dossiers, les catégories, les groupes et utilisateurs
- Créer et gérer les univers et les connexions
- Publier et planifier des objets dans un environnement sécurisé
- Vérifier les droits et les relations
- Restreindre les accès
- Gérer un calendrier et les évènements
- Mettre en oeuvre des instances et des alertes
- Gérer les publications.
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation Python Bonnes pratiques et Design patterns vous aurez acquis les connaissances et les compétences nécessaires pour :
- Appliquer des design patterns et des bonnes pratiques pour développer des applications avec Python
- Exploiter des fonctionnalités avancées de programmation Python pour concevoir des programmes fiables
- Créer et gérer des threads de contrôle concurrents
- Générer des requêtes et des réponses aux services Web REST et utiliser les données renvoyées
- Suivre l'exécution du programme et améliorer les performances
- Lancer des tests unitaires sur les programmes et les modules Python, les installer et les distribuer.
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Utiliser les fonctionnalités GED d'Alfresco
- Installer, configurer et administrer Alfresco.
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Connaître les solutions e-marketing, favoriser la génération de trafic et la fidélisation. Mettre en œuvre des outils de visibilité. Développer sa notoriété et mesurer ses retours sur investissement.
| Tarif |
A partir de 800,00 € |
| Durée |
2 jour(s) |
| Modes |
|
