Sujets liés
Ce cours comprend
- 9 h 3 min de vidéo
- 36 leçons
- Niveau : Intermédiaire
- Langue : Français
- On retient où vous en étiez
- Entièrement gratuit, sans carte
Leçons
4 sections · 36 leçons · 9 h 3 min durée totale
Leçons 1 à 1010 leçons · 1 h 56 min
- 01 Introduction React et NextJs4 min
- 02. Comprendre le rendu de l’interface utilisateur avec le DOM12 min
- 03. Installation & structure de projet React17 min
- 04. Les composants10 min
- 05. Le rendu JSX11 min
- 06. Children & Le props19 min
- 07. Rendre une liste10 min
- 08. Les événements et la gestion d’état d’un composant20 min
- 09. useEffect (Cycle de vie d’un composant)11 min
- 10. Introduction à NextJs (De React en Nextjs)3 min
Leçons 11 à 2010 leçons · 1 h 56 min
- 11. Introduction et configuration du projet NextJs7 min
- 12. Les composants serveurs et clients11 min
- 13. Stylisation CSS en NextJs7 min
- 14. Optimisation des Fonts et Images10 min
- 15. Routage et Navigation en Nextjs10 min
- 16. Mise en forme partagée8 min
- 17. Context API pour partager l'état global dans toute l'application19 min
- 18. Route dynamique et paramètres de routes16 min
- 19. Introduction and project setup9 min
- 20. Recherche des données dans un composant serveur18 min
Leçons 21 à 3010 leçons · 2 h 35 min
- 21. Recherche des données dans un composant client7 min
- 22. Streaming des données (Suspense & loading.tsx)15 min
- 23. Cacher les données en local (Caching)5 min
- 24. Paramètre des recherches depuis une route (search params)25 min
- 25. Gestion des erreurs d’une requête HTTP6 min
- 26. Introduction sur le gestionnaire des routes en Nextjs5 min
- 27. Les requêtes GET, POST, DELETE,PUT en Nextjs24 min
- 28. Les actions serveurs en Nextjs31 min
- 01. Portfolio-gen (Nextjs) - Configuration du projet22 min
- 02. Portfolio-gen (Nextjs) Authentification avec Clerk15 min
Leçons 31 à 366 leçons · 2 h 36 min
- 03. Portfolio-gen (Nextjs) - Construire l'interface utilisateur27 min
- 04. Portfolio-gen (Nextjs) - Gestion des fichiers avec Uploadthing24 min
- 05. Portfolio-gen (Nextjs) - Gestion des données (CRUD)51 min
- 06. Portfolio-gen (Nextjs) Gestion de chargement des données26 min
- 07. Portfolio-gen (Nextjs) - Créer le landing page avec bolt8 min
- 08 Déploiement de portfolio-gen sur vercel19 min
Ce qu'il vous faut
- Des bases aident : le cours reprend après les fondamentaux.
Description
Cette série de vidéos constitue un parcours structuré pour maîtriser React et Next.js, en commençant par les bases et en évoluant vers des concepts avancés. Le programme débute avec une introduction aux principes fondamentaux de React et Next.js, expliquant la gestion du DOM, la structure d’un projet, et les composants. Les vidéos détaillent le rendu JSX, l'utilisation des props et des children, ainsi que la gestion de listes et d’événements. La gestion d’état et le cycle de vie d’un composant avec useEffect sont également abordés, posant ainsi les bases nécessaires pour construire des applications interactives et performantes. Ensuite, la formation explore en profondeur Next.js, en mettant l’accent sur ses fonctionnalités spécifiques comme le routage, la gestion des composants serveurs et clients, ainsi que l’optimisation des performances (CSS, polices et images). L’intégration du Context API pour gérer l’état global et la manipulation des routes dynamiques sont également couvertes. Une attention particulière est portée à la consommation d’API, avec des démonstrations pratiques sur la récupération et la mise en cache des données, l’utilisation des paramètres de recherche et la ge
À qui s'adresse ce cours
- Celles et ceux qui connaissent les bases de React.
Ces deux points sont notre lecture du niveau. La description est celle de l'auteur.