In diesem 1,5-stündigen, geführten Projekt lernen Sie, wie Sie mit Next.js eine optimierte Website erstellen. Dazu bauen wir die Website Schritt für Schritt mit Microsoft Visual Studio Code und Next.js Kommandozeilentools auf. Um sicherzustellen, dass die Benutzer ein angenehmes Surferlebnis haben, werden wir anstelle von herkömmlichen HTML-Elementen optimierte Next.js-Komponenten verwenden. Sie werden auch lernen, wie Sie globale und lokale Stile anwenden, um Kollisionen von Klassennamen zu vermeiden. Dieses Projekt richtet sich an Lernende, die bereits wissen, wie man eine Website mit traditionellen Methoden oder anderen Frameworks als Next.js erstellt.
Optimierung mit Next.js: Erstellen Sie eine Produktportfolio-Website
Erweitern Sie Ihre Kenntnisse mit Coursera Plus für 239 $/Jahr (normalerweise 399 $). Jetzt sparen.
Optimierung mit Next.js: Erstellen Sie eine Produktportfolio-Website
Dozent: Harrison Kong
Bei enthalten
Erwerben Sie praxisrelevante Kompetenzen unter Anleitung von Experten, üben Sie sich in ihrer Anwendung und wenden Sie sie schließlich an.
Stufe Mittel
Empfohlene Erfahrung
1.5 Stunden
In Ihrem eigenen Lerntempo lernen
Praktisches Lernen
Was Sie lernen werden
Zusammenstellen einer statischen Website mit Next.js
Beschreiben Sie die Merkmale der Optimierung von Next.js
Nutzung von Next.js-Komponenten zur Optimierung von Antwortzeiten und Netzwerkdatenverkehr
Kompetenzen, die Sie festigen
- Kategorie: Front-End Web Development
- Kategorie: React.js
- Kategorie: HTML and CSS
- Kategorie: Web Design
- Kategorie: Web Development
Tools, die Sie verwenden werden
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Microsoft Visual Studio
- Kategorie: JavaScript Frameworks
- Kategorie: Frontend Performance
Wichtige Details
Zertifikat zur Vorlage
Zu Ihrem LinkedIn-Profil hinzufügen
Unterrichtet in Englisch
Keine Downloads oder Installation erforderlich
Nur als Desktop-Version verfügbar
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Lernen, Üben und Anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien
Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
-
Aufgabe 1: Überblick über das Projekt
-
Aufgabe 2: Erstellen der Starter-Projektdateien
-
Aufgabe 3: Hinzufügen einer Feature-Galerie mit optimierten Bildern
-
Optionale Übung: Machen Sie ein Quiz, um Ihr Wissen zu testen
-
Aufgabe 4: Globale Stile auf die Website anwenden
-
Aufgabe 5: Anwenden lokaler Stile auf die Website
-
Aufgabe 6: Erstellen einer Layoutvorlage
-
Optionale Übung: Hinzufügen einer Vorbestellungs- und Investorenseite
-
Aufgabe 7: Optimieren des Ladens von Schriften
-
Optionale kumulative Herausforderung: Bank & Sofa
Empfohlene Erfahrung
Um in diesem Projekt erfolgreich zu sein, müssen die Lernenden mindestens über mittlere Kenntnisse in JavaScript, React, HTML und CSS verfügen.
9 Projektbilder
Dozent
48 Kurse 235.392 Lernende
von
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Felipe M.
Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
Jennifer J.
Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
Larry W.
Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
Chaitanya A.
„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
Ihnen könnte auch Folgendes gefallen:
Neue Karrieremöglichkeiten mit Coursera Plus
Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.
Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.