React.js Training - Apprentissage mixte (Classe virtuelle en direct + En Ligne)
450,00 EUR
- 30 hours
Le cours de formation React.js d'AVC vous aidera à maîtriser les fondamentaux de React, un cadre web essentiel pour développer des interfaces utilisateur, y compris JSX, les props, l'état et les événements. Ce cours de formation approfondit Redux, en abordant les réducteurs, les actions et l'arbre d'état.
Programme de cours virtuel en direct
ES6
Leçon 01
- Introduction
- Méthodes d'assistance pour les tableaux
- Let et Const
- Littéraux de gabarit
- Fonctions fléchées
- Paramètres de fonction par défaut
- Repos et Étalement
- Déstructuration
- Cours
- Promesses
- Apporte
Fondamentaux de React
Leçon 02
- Pourquoi React ?
- Rendu de l'interface utilisateur
- Composants
- Événements du cycle de vie des composants
- Formulaires
- Interaction entre composants
- React Router
Introduction à Redux
Leçon 03
- Pourquoi Redux ?
- Concepts fondamentaux de Redux
React & Redux
Leçon 04
- Le paquet Node de React Redux
- Composant Fournisseur
- Connexion des composants React avec le store Redux
- Composition de réducteurs
- Normalisation : Points à considérer lors de la conception d'un magasin Redux
- Middleware Redux
Programme d'e-learning
Introduction au cours
Leçon 01
- Bienvenue au cours
- Plan de cours et projets
Commencer
Leçon 02
- Qu'est-ce que React
- Configuration de l'environnement
- Rafraîchissement ES6 - Partie 1
- Rafraîchissement ES6 - Partie 2
- Rafraîchissement ES6 - Partie 3
- Créer une application React vs Configuration manuelle
- Installation et utilisation de l'interface en ligne de commande
- Un aperçu des fichiers React initiaux et de leur fonctionnement
Composants, JSX & Propriétés
Leçon 03
- Penser en composants
- Qu'est-ce que JSX
- Expressions JSX
- Création de votre premier composant
- Composants fonctionnels
- Travailler avec les props
- Vérification de type avec PropTypes
- CSS dans React
- Ajout de Bootstrap
État & L'API Contexte
Leçon 04
- Changer l'état depuis un autre composant
- Utilisation de l'API Context et de l'état du Provider
- Ajout d'un réducteur de contexte pour les actions
- Création d'État
- Événements dans React
- Changement d'état
Travailler avec des formulaires
Leçon 05
- Création d'un formulaire avec état
- Composants contrôlés & onChange
- Composant TextInputGroup pour un code DRY
- Composants non contrôlés & Références
- Action de soumission de formulaire au contexte
- Vérification et affichage des erreurs
React Router v4
Leçon 06
- Configuration de React Router
- Liens, Paramètres & Redirection
- Page 404 Non Trouvée
Cycle de vie, HTTP & Déploiement
Leçon 07
- Méthodes de cycle de vie
- Requêtes GET
- Requêtes POST et DELETE
- Utilisation d'AsyncAwait
- Composant ModifierContact & Récupérer Contact
- Requête PUT & Action de mise à jour
- Déployer sur Github Pages
Apprendre Redux
Leçon 08
- Une note sur Redux
- Point de départ de l'application pour Redux
- Configuration du Store Redux & Réducteur de Contact
- Connexion des composants et envoi d'actions
- Création d'un fichier d'actions séparé
- Action de supprimer et ajouter un contact
Redux Thunk & HTTP
Leçon 09
- Envoi de requête GET
- Envoi de requêtes POST et DELETE
- Obtenir un contact unique pour la modification
- Requête PUT & Envoi
- Déployer sur Apache
Panneau client Projet Firebase - Partie 1
Leçon 10
- Introduction et démo de l'application F
- Configuration de FirebaseFirestore
- Configuration & Composant AppNavbar
- Tableau de bord, Composant de barre latérale & Clients
- Configuration de React-Redux-Firebase
- Connecter le composant Clients à Firestore
- Ajouter un client à Firestore
- Composant Détails du Client
- Mise à jour & Suppression du solde
- Modifier le client dans Firestore
Panneau client Projet Firebase - Partie 2
Leçon 11
- Fonctionnalité de connexion
- Déconnexion & Mise à jour de la barre de navigation
- Protection de l'itinéraire
- Notifier l'état et le composant d'alerte
- Réducteur & Actions des paramètres
- Composant des paramètres
- Persister les paramètres dans le LocalStorage
- Mise en œuvre des paramètres
- Fonctionnalité d'inscription
- Déployer sur Firebase
Création d'une application de recherche d'événements en React
Projet de fin de cours
Créez une application React où les utilisateurs peuvent voir et promouvoir les événements à venir, configurez un serveur JSON pour les tests jusqu'à ce que les API backend soient prêtes, et enfin gérez l'état à l'aide de Redux.
Résultats d'apprentissage
À la fin de ce cours d'apprentissage en ligne React.js, vous serez capable de :
React et Redux
Sachez comment construire d'incroyables applications monopages avec React et Redux
Structurer Redux
Apprenez et appliquez les concepts fondamentaux de la structuration des applications Redux
Composants composable
Prenez conscience et appréciez la puissance de la création de composants composables
NPM, Babel et ES6
Comprendre et utiliser NPM, Babel et la syntaxe JavaScript ES6.
Caractéristiques principales
52 heures d'apprentissage mixte
30 heures de formation dirigée par un instructeur
Un projet de fin de cours dans la vie réelle
Flexibilité dans le choix des cours
Certificat de fin de cours reconnu par l'industrie
Qui devrait s'inscrire à ce programme ?
Pour ce cours, vous devez avoir de l'expérience dans la construction d'applications web frontales avec HTML, CSS et JavaScript. Ce cours de certification React.js est conçu pour les développeurs web qui conçoivent et créent des solutions UI/UX pour des applications mobiles et web et qui souhaitent concevoir avec React aussi efficacement que possible en utilisant une bibliothèque JavaScript.
Développeurs Web
Concepteurs de sites Web
Développeur full-stack
Développeur mobile
Besoin d'une solution 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 !