Formation React - 4 jours en classe virtuelle
2.650,00 EUR
- 4 days
Créez des applications web modernes et responsives avec React et développez les compétences pratiques de front-end utilisées par les meilleures équipes de développement actuelles. Cette formation pratique à React initie les apprenants au développement d’applications basées sur des composants avec React, JavaScript, JSX, les hooks, le routage, les formulaires, les API et la gestion d’état.
Caractéristiques principales
Langue
Supports de cours en anglais
Niveau
Niveau débutant - intermédiaire
4 jours de formation en direct animée par un instructeur
Formation virtuelle (8 heures par jour)
Défis de programmation pratiques
Accès à un laboratoire de live coding entièrement équipé
Plus de 60 heures d’étude recommandées
Attestation de fin de programme incluse
Résultats d’apprentissage
À la fin de ce programme, vous serez capable de :
Créer des applications React modernes
Apprenez à créer des applications monopage rapides et faciles à maintenir avec React, JSX, les composants fonctionnels, les hooks et les fonctionnalités modernes de JavaScript. Vous explorerez également le DOM virtuel et l’architecture basée sur les composants pour concevoir des interfaces utilisateur évolutives.
Formulaires et gestion des événements
Développez des compétences pratiques dans la gestion des formulaires, de la saisie utilisateur, de la validation et des événements en utilisant des composants contrôlés et non contrôlés, des refs et des bibliothèques de formulaires tierces.
Routage et navigation
Utilisez React Router pour créer une navigation fluide dans une application monopage avec des routes dynamiques, des routes imbriquées, des redirections, des routes protégées et une navigation programmée.
Gestion d’état avec Redux
Apprenez à gérer l’état d’une application avec Redux, y compris les actions, les reducers, les stores et les middlewares comme Thunk et Saga pour gérer les opérations asynchrones et le débogage.
Chronologie du cours
Jour 1
Session 1 : Introduction à React
- Principes fondamentaux de React
- Babel et Create React App
- Configuration et structure du projet
Session 2 : JavaScript moderne
- Applications monopage et fonctionnalités ES6
- Variables, fonctions, classes et modules
- Littéraux de gabarits et déstructuration
- Promesses, générateurs, ensembles et maps
- Notions de base de JavaScript fonctionnel et de TypeScript
Session 3 : JSX et rendu des éléments
- DOM virtuel et JSX
- Rendu des éléments
- Travailler avec les listes et les clés
Session 4 : Composants et props
- Composants fonctionnels et composants de classe
- Props et état du composant
- Vérification de type
- Composition et héritage
Jour 2
Session 5 : État et cycle de vie
- Gestion de l’état et des props
- Ajout et élévation d’état
- Méthodes du cycle de vie des composants
- Concepts d’immutabilité
Session 6 : Gestion des événements
- Affectation et liaison de gestionnaires d’événements
- Passer des arguments aux gestionnaires
- Événements personnalisés et événements synthétiques
Session 7 : Formulaires
- Composants contrôlés et non contrôlés
- Utiliser les refs dans les formulaires
- Validation de formulaires et bibliothèques
- Formulaires avec JSX
Session 8 : React Router
- Principes fondamentaux de React Router
- Composants principaux de routage
Jour 3
Session 9 : Hooks
- Réutiliser la logique avec état grâce aux hooks
- Composants fonctionnels vs composants de classe
- Gérer l’état local avec les hooks
- Hooks standard et personnalisés
- Règles des hooks
Session 10 : Approfondir React
- Tests React et optimisation des performances
- Compilation de production et déploiement
- Refs et accès au DOM
- Modèles React et authentification
- JSON Web Tokens (JWT)
- Travailler avec des composants tiers
Jour 4
Session 11 : Flux
- Architecture et concepts Flux
- Composants Flux et flux de données
- Utilitaires et implémentations Flux
Session 12 : Introduction à Redux
- Principes fondamentaux et architecture de Redux
- Actions, réducteurs et magasins
- Flux de données Redux
Session 13 : Redux et React
- Mise en place de React Redux
- Composants React Redux et flux de données
- Recettes Redux et outils de développement
Session 14 : Redux approfondi
- Middleware Redux
- Redux Thunk et Redux Saga
Qui devrait s’inscrire à ce programme ?
Développeurs web front-end
Développeurs JavaScript qui passent à React
Développeurs full-stack qui élargissent leurs compétences en front-end
Développeurs logiciels créant des applications web modernes
Développeurs UI travaillant avec des applications monopage
Professionnels techniques intéressés par les frameworks JavaScript modernes
Prérequis
- Connaissances en JavaScript de base à intermédiaires
- Compréhension des bases de HTML et de CSS
- Familiarité avec des concepts de programmation tels que les variables, les fonctions et les boucles
- Une connaissance de base des fonctionnalités JavaScript ES6 est un atout
- Une expérience préalable en développement web est recommandée mais non obligatoire
Déclarations
Licences et accréditation
Le cours est proposé conformément à l’Accord du programme partenaire et respecte les exigences de l’Accord de licence.
Politique d’équité
Nous encourageons les candidats à contacter l’AVC pour obtenir des conseils et un accompagnement tout au long du processus d’aménagement.
Foire aux questions
Avez-vous besoin de solutions d’entreprise ou d’une intégration LMS?
Vous n'avez pas trouvé le cours ou le programme adapté à votre entreprise ? Besoin d'une intégration LMS ? Écrivez-nous ! Nous réglerons tout !