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
- S'initier à la PAO.
- Comprendre l'environnement technique de la PAO.
- Envisager les réalisations possibles en PAO.
- Mieux dialoguer avec les agences, les studios, les freelance, et mieux appréhender les évolutions métier.
- Évaluer les travaux que l'on peut réaliser et ceux que l'on doit sous-traiter.
| Tarif |
A partir de 1 290,00 € |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Intégrer un script à une page HTML
- Utiliser les types primitifs du langage Javascript et leurs fonctions
- Utiliser le DOM pour parcourir et modifier la structure d'une page
- Gérer des événements utilisateur
- Valider les données saisies dans un formulaire
- Stocker des données dans le navigateur
- Échanger des données avec un serveur via des API REST
- Exploiter l'API FileReader pour lire des fichiers en local
- Interagir avec des contenus multimédias
- Mettre en œuvre l'API de géolocalisation
| Tarif |
A partir de 6 200,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
Maîtriser l'installation, la configuration et la maintenance d'applications dans des environnements multi-utilisateurs Citrix XenApp et Terminal Services| Tarif |
A partir de 1 745,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Mettre en oeuvre la haute disponibilité des services Bureau à distance| Tarif |
A partir de 1 475,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Se connecter et identifier les composants de Microsoft 365
- Créer et stocker des fichiers pour un usage collaboratif avec OneDrive
- Utiliser les fonctionnalités spécifiques des applications Office Online (Word, Excel et PowerPoint)
- Réaliser des enquêtes et des questionnaires pertinents avec Forms
- Centraliser les usages avec TEAMS et ses équipes "classe"
- Paramétrer et exploiter le bloc-notes numérique "OneNote pour la classe"
- Utiliser la section Teams "devoirs"
- Animer des réunions ou formation en ligne au travers de l'application Teams
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
Mettre en oeuvre et exploiter un serveur d'intégration continue. Gérer les interconnexions avec un système de build et de tests| Tarif |
A partir de 3 475,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Présenter le concept des portails au service des entreprises modernes
- Décrire les différents modèles de sites
- Enoncer les principales fonctionnalités des sites Power Pages
- Créer une page Web
- Afficher des données stockées dans Dataverse
- Expliquer le langage Liquid
- Gérer la sécurité d'un portail.
| Tarif |
A partir de 1 520,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Packager tous vos applicatifs en MSI, App-V ou MSIX
- Créer des packages de mise à jour ou des patchs
- Personnaliser les packages des éditeurs via une surcouche MST (Microsoft System Transformation).
| Tarif |
A partir de 2 440,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Comprendre et connaître les nouvelles tendances IT
- Comprendre l'économie du numérique et ses acteurs
- Comprendre internet, le matériel et les technologies de rupture, de réseau et du Cloud
- Appréhender la cybersécurité et la protection du Système d'Information
- Comprendre le développement logiciel, web et l'architecture des applications
- S'informer sur le Big Data et les technologies d'Intelligence Artificielle
| Tarif |
A partir de 2 100,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
- Appréhender le concept de l'accessibilité numérique et l’intérêt des normes d’accessibilité
- Appréhender les problèmes rencontrés par les utilisateurs sur des sites non accessibles
- Appréhender les impacts et conséquences de la prise en compte de l’accessibilité au sein d'un projet web
- Échanger sur votre projet web et obtenir des réponses aux questions que vous vous posez
| Tarif |
A partir de 850,00 € |
| Durée |
1j / 7h |
| Modes |
|
