Lecture automatique
Autocomplete
Session précédente
Terminez et continuez
10 Projets React
Introduction
Introduction (1:31)
Création du dossier, éditeur de code et conseils (7:48)
1.Coder un Slider avec React
N'hésitez pas à tenter de coder les projets de votre côté
Mise en place et JSX (7:45)
Codage du CSS (9:28)
Coder la partie logique (14:55)
2.App météo avec React
Mise en place (4:30)
Ajout du CSS (6:16)
Créer la partie logique (14:17)
Gérer les erreurs possible (12:33)
3. Projet "Geodata"
Introduction et appel de l'API (12:29)
Afficher les cartes (7:43)
Créer la modale et afficher les données (14:39)
4.Coder un éditeur de code sur navigateur
Mise en place de base (5:46)
Coder la sidebar et le visualisateur de code (6:26)
Mise en place de Redux (16:56)
Affichage des boutons et création des onglets (9:16)
Ajout de la fonctionnalité de changement de code (4:47)
Création du composant de prévisualisation (5:58)
Gérer l'affichage de la prévisualisation (12:59)
5. Coder un Pomodoro avec React
Mise en place (7:12)
Coder les composants (7:46)
Mise en place du store Redux (2:57)
Mise en place du state initial et ajout des valeurs (4:34)
Fonction utilitaire de formattage de données (6:14)
Mettre à jour les valeurs de session et de pause (9:08)
Utiliser une fonction Thunk interceptée et exécutée par un middleware. (15:03)
Gérer le "tick" et le reset complet (10:31)
6. Application de dégradés linéaires
Introduction du projet (9:35)
Mise en place Redux (5:06)
Gérer les inputs de couleur (7:21)
Ajouter des couleurs (6:28)
Afficher le dégradé (8:34)
Gérer l'angle global du dégradé (3:44)
Sélectionner une couleur et changer sa position (12:01)
Créer la modale (8:51)
Gérer le "copy to clipboard" (7:40)
7. Coder un Player Audio
Introduction et mise en place redux (22:33)
Mise en place de l'audio et du player (4:35)
Créer un panneau de fonctionnalités audio (9:44)
Finir le panneau (8:24)
Ajouter la fonctionnalité de play/pause (4:31)
Gérer l'avancement de la musique (7:34)
Ajouter la fonctionnalité de clic sur la barre de progression (9:55)
Coder la fonctionnalité de changement de musique (9:54)
8. Créer un système de scroll infini
Intro et mise en place (6:17)
Création du Hook personnalisé (8:23)
Affichage des photos et du loader (7:29)
Gérer l'"intersection observer" (9:38)
Gérer la recherche (6:47)
Gérer les erreurs possibles (10:48)
9. E-commerce
Mise en place et affichage des données (15:47)
Gérer le pannier (10:07)
Créer la modale (4:54)
Afficher le contenu du panier (10:44)
Gérer l'élement "select" (8:00)
10. Application prise de notes
Introduction et mise en place Redux (9:19)
Affichage des notes (4:20)
Création de la sidebar (4:18)
Création des "sidenotes" (6:05)
Mise en place du routeur (7:02)
Afficher une note (7:42)
Création du composant "edit" (10:04)
Ajouter une note + validation (7:03)
Éditer et supprimer une note (14:54)
Ajout de la fonctionnalité de changement de code
Contenu de la session verrouillé
Si vous êtes déjà inscrit,
vous aurez besoin de vous connecter
.
Achetez le cours pour déverrouiller