Cours pour apprendre React et Next.js : Le Guide Complet Modern Web
Cours React et Next.js : composants, hooks, App Router, Server Components et authentification.
L'essentiel
- Durée
- 3 heures 45
- Programme
- 3 chapitres, 33 leçons
- Prix
- 59,00 €, accès à vie
- Format
- Vidéo en ligne, à votre rythme
- Certificat
- PDF de fin de formation
- Prérequis
- Pas de prérequis - ouvert à tous niveaux
Présentation de la formation
Apprenez React puis Next.js en partant de zéro : composants, JSX, hook useState, routage et formulaires, puis App Router, Server Components, Server Actions, routes API et authentification.
Ce cours React et Next.js part du premier composant et vous mène jusqu'à une application fullstack avec authentification.
La partie React pose les fondations : création d'un projet avec Vite, syntaxe JSX et découpage de l'interface en composants. Vous gérez l'état avec le hook useState, vous transmettez des props et vous affichez des listes avec la méthode map.
Vous approfondissez ensuite les hooks, le routage d'une application monopage (SPA) et les formulaires avec Formik. Vous gérez les événements, le CSS dynamique et le filtrage des données en temps réel.
Avec Next.js, vous créez des routes statiques et dynamiques grâce à l'App Router et vous organisez vos pages avec les layouts. Vous distinguez Server Components et Client Components, puis vous mettez en place les Server Actions, les routes API et une authentification avec sessions et middlewares.
Public cible : Pour les développeurs web, frontend ou backend, et les créateurs de projets qui veulent comprendre l'architecture fullstack et créer des applications web rapides.
À l'issue de cette formation, vous pourrez
- Maîtriser les fondations de React.js. maîtrisez la syntaxe JSX, l'initialisation de projets modernes avec Vite et l'architecture modulaire des composants.
- Gérer l'état et les flux de données. utilisez sereinement le hook useState pour manipuler des états complexes, transmettez des props et faites remonter les données des composants enfants.
- Créer des interfaces dynamiques. gérez les événements utilisateurs, manipulez le CSS dynamique et filtrez vos données en temps réel en utilisant la puissance de Formik.
- Propulser vos apps avec Next.js. exploitez l'App Router pour créer un système de routage statique ou dynamique, et structurez vos pages efficacement grâce aux layouts.
- Développer une architecture Fullstack. tirez parti des Server Components, orchestrez les Server Actions (useActionState), créez des routes API sécurisées et intégrez l'authentification et les middlewares de session.
Programme de la formation
3 chapitres, 33 leçons. Les leçons marquées « Extrait gratuit » se regardent sans compte.
Maîtriser les Fondations de React.js
Aperçu gratuit 16 leçons
- Les ressources
- Présentation du programme
- Créer un projet avec Vite
- Structure des fichiers
- Premier composant React Extrait gratuit
- Les règles du JSX
- Créer vos composants
- Logique JS dans le JSX
- Styliser avec le CSS
- Gérer les événements
- Le State avec useState
- Comprendre les Props
- Rendre une liste avec Map
- Styles CSS dynamiques
- Faire remonter les données
- Filtrer une liste en temps réel
Hooks, Routage et Formulaires Avancés
5 leçons
- Intro aux React Hooks
- Les bases de React Router
- Naviguer avec le composant Link
- Formulaires avec Formik
- Les Transitions React
L'Écosystème Fullstack avec Next.js
12 leçons
- Introduction à Next.js
- Routes statiques vs dynamiques
- Architecture avec les Layouts
- Le Styling dans Next.js
- Navigation Next.js (Link)
- Server vs Client Components
- Le Rendering dans Next.js
- Maîtriser les Server Actions
- Le Hook useActionState
- Créer des Routes API
- Authentification dans Next.js
- Middlewares et Session Profil
Votre formateur
Clément L. forme aux outils bureautiques, à l'analyse de données et aux outils d'intelligence artificielle. Sa méthode est directe et pratique : il partage son écran et vous montre pas à pas comment faire, sur des cas concrets.
Avis des apprenants
4,7 / 5 sur 43 avis.
★★★★★Super qualité de cours et vidéos très pratiques pour maîtriser l'outil
★★★★★Des vidéos ultra efficaces pour progresser vite sur ce logiciel, très bien !
★★★★★Oui ! les formations que j'ai suivie de mon coté correspondaient à mes attentes
★★★★★De super formations, vraiment qualitatives !
★★★★★Conseils parfaits et très clairs !
★★★★★Des cours super complets et de grande qualité ! Les réponses aux questions sont hyper rapides et vraiment utiles. Je recommande
Dans le catalogue
- Parcours Développeur front-end : 9 formations dont celle-ci, 299,00 €
- Parcours Développeur assisté par IA : 8 formations dont celle-ci, 249,00 €
Ces autres cours pourraient vous intéresser
Développement Web & Mobile Maîtrisez Visual Studio Code, C# et VB.NET de A à Z. Apprenez à configurer le SDK .NET, exploiter les extensions clés,…
Développement Web & Mobile Maîtrisez TypeScript de Zéro. Apprenez le système de typage, les interfaces, les alias et la configuration du tsconfig.…
Développement Web & Mobile Maîtrisez le versioning local et distant, apprenez à collaborer efficacement en équipe sur GitHub avec les Pull…
Développement Web & Mobile Apprenez à créer des interfaces web modernes et responsive avec Tailwind CSS. De la prise en main des classes…
Questions fréquentes
Prix, accès, paiement, remboursement : l'essentiel avant de vous inscrire.
EspritAcadémique, qu'est-ce que c'est ?
EspritAcadémique est une plateforme d'apprentissage en ligne qui propose une large gamme de cours, exercices, ressources et accompagnements personnalisés pour tous les niveaux.
Apprenez ce que vous voulez, quand vous voulez, avec des contenus accessibles à tout moment à un tarif très abordable. De nouveaux cours et formations sont ajoutés régulièrement.
Combien coûte une formation ?
Nous mettons à votre disposition deux formules principales :
Abonnement individuel : 29 € TTC par mois ou 199 € TTC par an (voir nos offres), soit 5 mois offerts par rapport à la formule mensuelle. Il donne accès à l'ensemble des formations tant que l'abonnement reste actif. Sans engagement : vous pouvez l'annuler à tout moment depuis votre espace client, sans frais.
Achat à l'unité : si vous préférez suivre une formation en particulier, c'est possible. Le tarif varie en fonction de la durée de la formation choisie, et l'accès vous reste acquis à vie.
Nous proposons également des solutions dédiées aux entreprises, disponibles sur demande. Pour toute question, vous pouvez utiliser le formulaire de contact ou nous écrire à contact@espritacademique.com.
Quelle est la différence entre l'abonnement individuel et l'achat à l'unité ?
L'abonnement individuel vous donne accès à l'ensemble de nos formations, aux exercices pratiques et aux ressources associées, sur de nombreuses thématiques professionnelles. Vous pouvez ainsi progresser sur plusieurs compétences en parallèle et découvrir chaque nouvelle formation dès sa mise en ligne.
L'achat à l'unité vous donne un accès à vie à la formation choisie, sans abonnement ni renouvellement. C'est la formule idéale si vous avez un objectif précis en tête et que vous souhaitez avancer à votre rythme, sans limite de temps.
Combien de temps ai-je pour suivre une formation ?
Si vous avez souscrit à l'une de nos offres (mensuelle ou annuelle), vous accédez aux formations pendant toute la durée de votre abonnement. En cas d'achat unique d'une formation, celle-ci vous reste accessible à vie.
Est-ce que je peux suivre la formation à mon rythme ?
Oui. Nos formations sont 100 % en ligne et disponibles à tout moment. Vous pouvez avancer à votre propre rythme, selon votre emploi du temps, et reprendre là où vous vous étiez arrêté.
Quels sont les moyens de paiement acceptés ?
Nous acceptons les paiements par carte bancaire et PayPal. Tous les paiements sont 100 % sécurisés grâce au chiffrement SSL/TLS et à nos partenaires de paiement certifiés.
Puis-je être remboursé si la formation ne me convient pas ?
Oui, sous conditions. Vous bénéficiez d'une garantie « satisfait ou remboursé » de 30 jours : si vous n'avez pas encore réellement commencé la formation, vous pouvez demander le remboursement intégral de votre commande sur simple demande, sans avoir à vous justifier.
Cette garantie cesse de s'appliquer dès lors que vous avez visionné plus de 20 % du contenu ou téléchargé les fichiers d'exercices, la formation étant alors considérée comme consommée. C'est pourquoi nous vous invitons à profiter des leçons offertes de chaque formation avant votre achat : elles vous permettent de vérifier que le contenu et la pédagogie vous conviennent.
Pour faire une demande, écrivez-nous à contact@espritacademique.com. Le remboursement est effectué dans les 14 jours suivant la réception de votre demande, sur le même moyen de paiement. Le détail figure à l'article 6 de nos conditions générales de vente.