Build a Space Travel Website ist der perfekte Kurs für Frontend-Entwickler, die üben wollen, hochwertige Figma-Designs im Browser zum Leben zu erwecken. Es ist die ultimative Zusammenarbeit: Frontend Mentor für das Design, Scrimba für das Toolkit, Kevin Powell als Führer und Sie als Entwickler. Während des Kurses werden Sie Ihre HTML-, CSS- und JavaScript-Kenntnisse testen, indem Sie eine responsive, mehrseitige Website mit einer Homepage, Schaltflächen, einer Navigationsleiste, Registerkarten, Tastaturnavigation und Unterstreichungs-, Punkt- und Zahlenindikatoren erstellen. Sie werden auch lernen, wie Sie ein effektives Designsystem erstellen, um sicherzustellen, dass Ihre Website scharf und professionell ist und Ihre Codierung so effizient wie möglich ist.
Erstellen einer mehrseitigen Website mit Frontend Mentor, HTML und CSS
Dieser Kurs ist Teil von Spezialisierung für UI-Designer für Webentwickler
Dozent: Kevin Powell
Bei enthalten
Empfohlene Erfahrung
Was Sie lernen werden
CSS Designsysteme
Reaktionsfähiges Webdesign
Kompetenzen, die Sie erwerben
- Kategorie: UI Komponenten
- Kategorie: Typografie
- Kategorie: User-Interface-(UI)-Design
- Kategorie: Benutzerfreundlichkeit
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Figma (Design-Software)
- Kategorie: Webdesign
- Kategorie: Front-End Web-Entwicklung
- Kategorie: Benutzeroberfläche (UI)
- Kategorie: Web Content Accessibility Guidelines
- Kategorie: Animationen
- Kategorie: Reaktionsfähiges Webdesign
- Kategorie: HyperText Markup Language (HTML)
Wichtige Details
Zu Ihrem LinkedIn-Profil hinzufügen
5 Aufgaben
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Erweitern Sie Ihre Fachkenntnisse
- Lernen Sie neue Konzepte von Branchenexperten
- Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
- Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
- Erwerben Sie ein Berufszertifikat zur Vorlage
In diesem Kurs gibt es 13 Module
Machen Sie sich mit den Grundlagen des Designsystems, den Utility-Klassen und dem Zurücksetzen von Stilen vertraut, um ein konsistentes UI-Fundament zu schaffen.
Das ist alles enthalten
6 Plug-ins
Lernen Sie, mit Farbsystemen, Typografie, Abständen und wiederverwendbaren Mustern zu arbeiten, um Ihr Design aufzuwerten.
Das ist alles enthalten
7 Plug-ins
Entdecken Sie fortgeschrittene UI-Muster und Indikatoren. Beginnen Sie, Ihr eigenes Website-Layout zusammenzustellen.
Das ist alles enthalten
8 Plug-ins
Stellen Sie Ihr Wissen mit einer interaktiven Aufgabe auf die Probe.
Das ist alles enthalten
1 Aufgabe
Verstehen Sie die Grundlagen des Layouts, indem Sie ein auf einem Raster basierendes Responsive Design erstellen, die Typografie und das Bildmaterial verfeinern und Ihr ausgefeiltes Projekt in Netlify bereitstellen.
Das ist alles enthalten
9 Plug-ins
Überprüfen Sie Ihr Verständnis anhand einer benoteten Aufgabe.
Das ist alles enthalten
1 Aufgabe
Erfahren Sie, wie Sie ein responsives mobiles Navigationssystem einrichten und gestalten, einschließlich Layoutanpassungen, Hintergrundgestaltung, Funktionalität und Animationen.
Das ist alles enthalten
7 Plug-ins
Optimieren Sie Ihre Navigation für mittlere und große Bildschirme und sorgen Sie gleichzeitig für Barrierefreiheit und Benutzerfreundlichkeit auf allen Geräten.
Das ist alles enthalten
6 Plug-ins
Bewerten Sie Ihre Fortschritte mit einer interaktiven Aufgabe.
Das ist alles enthalten
1 Aufgabe
Erstellen und verfeinern Sie eine vollständig responsive Zielseite - von mobilen Geräten bis hin zu großen Bildschirmen - und achten Sie dabei mit Präzision auf Layout, Ausrichtung und Inhaltsverbesserungen.
Das ist alles enthalten
10 Plug-ins
Vertiefen Sie Ihr Wissen mit einer praktischen Aufgabe.
Das ist alles enthalten
1 Aufgabe
Lernen Sie, wie man ein barrierefreies Tab-Navigationssystem von Grund auf erstellt, einschließlich Tastaturnavigation, dynamischer Tab-Aktivierung, visuellem Feedback und progressiven Verbesserungen.
Das ist alles enthalten
13 Plug-ins
Beweisen Sie mit einer interaktiven Aufgabe, was Sie wissen.
Das ist alles enthalten
1 Aufgabe
Erwerben Sie ein Karrierezertifikat.
Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.
Dozent
von
Mehr von Mobile und Web-Entwicklung entdecken
Status: Kostenloser Testzeitraum
Status: Kostenlos
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
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.
Häufig gestellte Fragen
Sie finden die Figma-Entwürfe auf Frontend Mentor.
Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.
Weitere Fragen
Finanzielle Unterstützung verfügbar,