Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Apprenez à créer des sites web professionnels avec Next.js !
Cette formation complète vous apprend tout ce qu'il faut savoir pour créer des sites web professionnels avec Next.js, de l'installation à la navigation. Il s'agit de la première vidéo d'une série complète de formations dédiées à ce framework pour React.
Au programme de cette formation sur les bases de Next JS
Voici ce que nous verrons dans ce premier cours en vidéo :
- Installation de Next.js,
- Fonctionnement de Next.js,
- Premiers pas avec Next.js,
- Déclarer un composant,
- Mettre en forme le composant,
- Importer un composant,
- Navigation avec Next.js.
Cette formation s'adresse aux développeurs web qui souhaitent apprendre à créer des sites web professionnels avec Next.js.
Un QCM viendra compléter cette formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur le sujet.
Prérequis pour suivre ce cours dans de bonnes conditions
- Il est nécessaire que connaître React JS afin de suivre cette formation dans de bonnes conditions. Voici ma formation sur React JS ultra-complète.
- Il est également fortement recommandé de connaître le framework Tailwind CSS.
Voici ma formation complète sur Tailwind CSS
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Installer Next JS
Installer Next JS
Chapitre 2
Premiers pas avec NextJS
Premiers pas avec NextJS
Chapitre 3
La navigation avec NextJS
La navigation avec NextJS
Chapitre 4
Gérer les polices avec NextJS
Gérer les polices avec NextJS
Chapitre 5
Exercice d'application
Exercice d'application
Chapitre 6
Pour la prochaine fois
Pour la prochaine fois
Plan détaillé du cours
Chapitre 1 : Installer Next JS
22m37
Leçon 1Présentation de Next JS
Leçon 2Installer Node JS
Leçon 3Installer npx
Leçon 4Installer Next JS
Leçon 5Découverte de NextJS
Leçon 6Lancer Next JS
Leçon 7Fonctionnement de NextJS
Chapitre 2 : Premiers pas avec NextJS
24m40
Leçon 1Déclarer un composant
Leçon 2Mettre en forme le composant
Leçon 3Mettre en forme un enfant d'une classe
Leçon 4Déclarer une classe globale
Leçon 5Importer un composant
Leçon 6Importer deux composants
Chapitre 3 : La navigation avec NextJS
23m05
Leçon 1Déclarer des pages
Leçon 2Créer une zone de navigation
Leçon 3Créer les liens
Leçon 4Formater la zone de navigation
Leçon 5Définir un lien externe au site web
Chapitre 4 : Gérer les polices avec NextJS
14m42
Leçon 1Déclarer une police
Leçon 2Déclarer des icones
Chapitre 5 : Exercice d'application
1h03
Leçon 1Ce que nous allons réaliser
Leçon 2Installer NextJS & Tailwind CSS
Leçon 3Installer un soft pour Tailwind CSS
Leçon 4Ecrire les composants fonctionnels
Leçon 5Définir les backgrounds avec Tailwind CSS
Leçon 6Mettre en forme le header et le footer avec Tailwind CSS
Leçon 7Mettre en forme la nav avec Tailwind CSS
Leçon 8Définir le CSS global
Leçon 9Mettre en forme la nav pour les grands écrans
Leçon 10Mettre en forme la section avec Tailwind CSS
Leçon 11Créer les liens et les pages
Chapitre 6 : Pour la prochaine fois
02m45
Leçon 1Pour la prochaine fois
Avis des apprenants