Dans ce projet guidé d'une durée d'une heure et demie, vous apprendrez à construire un site web optimisé en utilisant Next.js. Pour ce faire, nous construirons le site web étape par étape en utilisant le code de Microsoft Visual Studio et les outils de ligne de commande Next.js. Pour garantir aux utilisateurs une expérience de navigation agréable, nous utiliserons des composants optimisés Next.js au lieu d'éléments HTML traditionnels. Vous apprendrez également à appliquer des styles globaux et locaux pour éviter les collisions de noms de classe. Ce projet s'adresse aux apprenants qui savent déjà construire un site web en utilisant des méthodes traditionnelles ou d'autres frameworks que Next.js.
Optimisation avec Next.js : Construire un site web de portefeuille de produits
Développez vos compétences avec Coursera Plus pour 239 $/an (habituellement 399 $). Économisez maintenant.
Optimisation avec Next.js : Construire un site web de portefeuille de produits
Instructeur : Harrison Kong
Inclus avec
Apprendre, pratiquer et appliquer des compétences professionnelles grâce à des conseils d’experts
niveau Intermédiaire
Expérience recommandée
1.5 heures
Apprenez à votre propre rythme
Un apprentissage pratique
Ce que vous apprendrez
Assembler un site web statique avec Next.js
Décrire les fonctions d'optimisation de Next.js
Utiliser les composants Next.js pour optimiser le temps de réponse et le trafic réseau
Compétences que vous pratiquerez
- Catégorie : React.js
- Catégorie : HTML and CSS
- Catégorie : Front-End Web Development
- Catégorie : Web Design
- Catégorie : Web Development
Outils que vous utiliserez
- Catégorie : JavaScript Frameworks
- Catégorie : Microsoft Visual Studio
- Catégorie : Cascading Style Sheets (CSS)
- Catégorie : Frontend Performance
Détails à connaître
Certificat partageable
Ajouter à votre profil LinkedIn
Enseigné en Anglais
Aucun téléchargement ou installation requis(e)
Disponible uniquement sur ordinateur
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Apprendre, pratiquer et appliquer des compétences prêtes à l’emploi en moins de 2 heures
- Bénéficiez d’une formation par des experts du secteur
- Gagnez en expérience pratique en effectuant des tâches professionnelles du monde réel
- Renforcez votre confiance en utilisant les outils et technologies les plus récents
À propos de ce Projet Guidé
Apprendrez étape par étape
Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :
-
Tâche 1 : Aperçu du projet
-
Tâche du projet : Créer les fichiers du projet de démarrage
-
Tâche 3 : Ajouter une galerie de présentation avec des images optimisées
-
Pratique facultative : Répondez à un questionnaire pour tester vos connaissances
-
Tâche 4 : Appliquer des styles globaux au site Web
-
Tâche 5 : Appliquer des styles locaux au site web
-
Tâche 6 : Créer un modèle de présentation
-
Pratique optionnelle : Ajouter une page de précommande et d'investisseur
-
Tâche 7 : Optimiser le chargement des polices
-
Défi cumulatif optionnel : Banc et canapé
Expérience recommandée
Pour réussir ce projet, les apprenants doivent avoir au moins des connaissances de niveau intermédiaire en JavaScript, React, HTML et CSS.
9 images de projet
Instructeur
48 Cours 235 312 apprenants
Offert par
Méthode d’apprentissage
Apprentissage pratique basé sur les compétences
Mettez en pratique de nouvelles compétences en effectuant des tâches professionnelles.
Conseils d’experts
Suivez les vidéos pré-enregistrées d’experts à l’aide d’une interface unique, divisée en deux.
Aucun téléchargement ou installation requis(e)
Accédez aux outils et aux ressources dont vous avez besoin dans un espace de travail cloud préconfiguré.
Disponible uniquement sur ordinateur de bureau
Ce Projet Guidé est conçu pour les ordinateurs portables ou de bureau disposant d’une connexion internet fiable, et non pour les appareils mobiles.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Vous aimerez peut-être aussi
Ouvrez de nouvelles portes avec Coursera Plus
Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.
Faites progresser votre carrière avec un diplôme en ligne
Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne
Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires
Améliorez les compétences de vos employés pour exceller dans l’économie numérique