Formation - 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
- 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 |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
Contacter l'organisme |
| Durée | 3 jours (21 heures) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
1 - Introduction et rappels ES6
- Outils et IDE
- L’extension du navigateur React developer tools
- Packaging, npm
- Transpiler EcmaScript
- Let, variables locales et constantes
- Typage et types natifs
- Paramètres optionnels, valeurs par défaut
- Classes et interfaces
- Gestion des modules
- Arrow functions
2 - Le framework React.js
- Principes de base : comprendre l’intérêt de react par rapport à ses concurrents et la façon dont il a été pensé
- Philosophie « composant »
- Les workflows de développement : from scratch (customisé), intégration à une application web existante, utilisation d’un outil de création d’une application React (create-react-app)
- Le DOM Virtuel et la réconciliation
3 - Le JSX et les composants
- Définition d’un élément React (types, attributs, enfants)
- Liaison avec le DOM (ReactDOM.render())
- Une nouvelle syntaxe : Le JSX
- Le plugin de Babel pour le JSX
- Les règles du JSX (injection d’expression, protection XSS, balise parente)
- Les attributs JSX
- Les composants : définition et intérêt (réutilisabilité)
- Les composants en mode classe
- Les composants fonctionnels (nouvelle solution)
- Imbrication de composants (les balises de composant)
4 - Les props
- Définition (transmission de données, readonly)
- Envoyer des props
- Accéder au props (composants fonctionnels / classe)
- La props children
5 - Le State et les lifecycles
- Définition (persistance de données, singularisation du composant)
- Initialiser le state
- La méthode setState et ses 2 formes (synchrone/asynchrone)
- Le cycle de vie du composant
- Montage du composant (componentDidMount)
- Mise à jour du composant (componentDidUpdate)
- Démontage du composant (componentWillUnmount)
- Best pratices (setState asynchrone, ne pas utiliser setState dans le constructeur)
6 - Les Hooks
- Définition
- Hooks vs composants en mode classe
- Le hook d’état
- Le hook d’effet et la liste de dépendance
- Les modes du hook d’effet : initialisation, mise à jour, nettoyage
- Les règles des hooks
- Les custom hooks
7 - Les événements
- Syntaxe des événements dans le JSX
- Méthodes de gestion d’événement (handler)
- Techniques de liaison du contexte d’exécution au handler (bind(), fonctions fléchées, ...)
- Objet d’événement
- Passage de paramètres supplémentaires au handler
- Envoyer un handler en props
8 - Rendu conditionnel et liste
- Contenu conditionnel et raccourcis (etet, ternaires)
- Listes et raccourcis (higher order functions : map, filter, ...)
- Les clés (key) et le DOM Virtuel
- Les fragments
9 - Les formulaires
- État du composant = source de vérité
- Composant contrôlé
- L’attribut de valeur universel des champs : value
- Soumission du formulaire
- Composants non contrôlés (input de type file)
- Les refs
10 - Le routing et la navigation
- Construire une SPA dont les urls sont bookmarkables
- La librairie react-router-dom (version 5)
- Le router
- Les liens
- Les routes
- Le switch
- Les paramètres d’url
- Les navigations imbriquées
11 - Introduction à Redux et architecture flux
- Immutabilité des variables partagées
- Les composants d’ordre supérieur
- Problème de la gestion d’état
- Les Systèmes de gestion d’état
- L’architecture flux (actions, dispatcher, store, ...)
- Redux : définition et installation
- Les actions
- Les reducers
- Le store
- Utilisation avec React (react-redux)
- Le composant Provider
- Les containers
- Le HOC connect
- La méthode mapStateToProps
- La méthode mapDispatchToProps
12 - Les tests
- Introduction au framework Jest (setup, teardown, describe, it)
- La React testing library (cleanup, render, fireEvent)
- Des vidéocasts pour revenir sur les points clés de la formation
- Des vidéo-tutos pour vous accompagner dans la mise en oeuvre de vos acquis
Prérequis
- Disposer de connaissances pratique du développement Web
- Maîtrise et pratique de JavaScript (ES5 minimum)
- Disposez-vous des connaissances nécessaires pour suivre cette formation ? Testez-vous !
Public
- Développeurs
- Architectes
- Chefs de projets...
Ces formations pourraient vous intéresser
Objectifs de la formation
- Gérer les risques liés à la manipulation, à la collecte et au stockage des déchets dangereux
- Préparer l'expédition des déchets dangereux conformément à la Réglementation (BSD, documents de transport, conformité du camion)
- Connaître le principe des filières de traitement
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Comprendre l'architecture Angular
- Créer et gérer des composants
- Utiliser les directives et pipes
- Implémenter des services
- Concevoir des formulaires
- Utiliser RxJS et Observables
- Gérer les signaux
- Mettre en place le routing Angular
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
- Décrire le principe général de constitution des coûts
- Calculer le coût de revient d'un produit ou d'un service
| Tarif |
A partir de 1 390,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Automatiser le déploiement des ressources grâce aux services AWS CloudFormation ou AWS Service Catalog
- Utiliser des services AWS pour gérer les ressources, par le biais de processus de cycle de vie SysOps (déploiements et correctifs)
- Utiliser Amazon CloudWatch et les fonctionnalités associées telles que les alarmes, les tableaux de bord et les widgets pour surveiller votre environnement cloud
- Gérer les autorisations et suivre l’activité dans votre environnement cloud au moyen de services AWS tels qu’AWS CloudTrail et AWS Config
- Surveiller l'état des instances Amazon EC2 et des autres services AWS
- Gérer les identités, les autorisations AWS et la sécurité dans le cloud AWS
| Tarif |
A partir de 2 250,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
- Définir l'intelligence émotionnelle
- Décrypter le langage des émotions dans ses relations professionnelles
- Réguler ses émotions fortes lors de situations professionnelles difficiles
- Développer son empathie pour améliorer ses relations professionnelles
- Interagir avec intelligence émotionnelle pour développer des relations professionnelles sereines et constructives
| Tarif |
A partir de 1 490,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
- Gérer les notions juridiques essentielles des contrats de maintenance
- Suivre et contrôler les contrats de maintenance
- Mettre en place des sanctions en cas d'inexécution du prestataire
| Tarif |
A partir de 1 390,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
Maîtriser les opérations bancaires
Appliquer le droit bancaire au quotidien
Déceler les risques bancaires et les éviter
| Tarif |
A partir de 1 675,00 € |
| Durée |
2 jours - 14 heures |
| 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
- Cette formation fait l'objet d'une évaluation formative.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Identifier les besoins et les attentes de ses cibles sur internet
- Identifier les canaux de distribution les plus performants
- Intégrer les réseaux et les médias sociaux dans sa stratégie de vente sur internet
- Optimiser son site web et l'ensemble de ses contenus pour mieux vendre
- Favoriser un référencement naturel efficace avec une stratégie de visibilité globale
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
