Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
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 5 Module
Dieser Kurs ist ideal für angehende Frontend-Entwickler, die eine Herausforderung suchen und sich die Fähigkeiten aneignen wollen, die erforderlich sind, um optisch ansprechende Mockups in funktionale Benutzeroberflächen zu verwandeln.
Während des gesamten Programms werden Sie Ihre HTML-, CSS- und JavaScript-Kenntnisse anwenden und verbessern, indem Sie fünf fesselnde Designs erstellen - angefangen von einer einfachen Karte über eine Landing Page, ein Analytik-Dashboard und eine Verkaufswebsite bis hin zu einer animierten Veranstaltungsseite. Dieser Kurs ist so konzipiert, dass Sie Ihre eigenständige Praxis maximieren können. Sie erhalten detaillierte Figma-Entwürfe, die Sie in Benutzeroberflächen umwandeln können, die auf verschiedenen Bildschirmgrößen hervorragende Ergebnisse liefern.
Nach Abschluss eines jeden Projekts wird Gary Simon, ein UI-Experte und geschätzter Dozent für Webentwicklung, mit Ihnen den Code durchgehen, den er verwendet, um das Mockup zum Leben zu erwecken. So haben Sie die Möglichkeit, Ihre Lösung zu vergleichen, wertvolle Erkenntnisse zu gewinnen und zahlreiche Tipps und Tricks zu entdecken.
Lernen Sie die Grundlagen der Verwendung von Figma und wie Sie ein Design in ein Webprojekt umsetzen, während Sie eine einfache Karte erstellen.
Das ist alles enthalten
1 Aufgabe10 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 10 Minuten
Testen Sie Ihr Wissen!•10 Minuten
10 Plug-ins•Insgesamt 33 Minuten
Willkommen zum interaktiven Unterricht!•1 Minute
Willkommen & Kurseinführung•2 Minuten
Figma verwenden•2 Minuten
Lokales Speichern der Figma-Prototypen•1 Minute
ems und rems•5 Minuten
Einfache Karte - Herausforderung Intro•2 Minuten
Einfache Karte - HTML•5 Minuten
Einfache Karte - CSS•7 Minuten
Einfache Karte - Finishing Up•7 Minuten
Bereitstellung auf Netlify•1 Minute
Einfache Landing Page
Modul 2•1 Stunde abzuschließen
Moduldetails
Mit einem Schwerpunkt auf CSS arbeiten Sie am Layout für eine Landing Page, die sowohl auf dem Desktop als auch auf dem Handy gut aussieht.
Das ist alles enthalten
1 Aufgabe5 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 10 Minuten
Testen Sie Ihr Wissen!•10 Minuten
5 Plug-ins•Insgesamt 31 Minuten
Herausforderung Intro•6 Minuten
CSS: Initiale Stile•9 Minuten
CSS: Mobile Styles fertigstellen•8 Minuten
CSS: Desktop-Stile•7 Minuten
Ein Hinweis zur Barrierefreiheit•1 Minute
Datenanalyse Dashboard
Modul 3•1 Stunde abzuschließen
Moduldetails
Stellen Sie sich der Herausforderung, ein Dashboard für die Datenanalyse mit HTML und CSS zu erstellen.
Das ist alles enthalten
1 Aufgabe7 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 10 Minuten
Testen Sie Ihr Wissen!•10 Minuten
7 Plug-ins•Insgesamt 45 Minuten
Datenanalyse Dashboard - Einführung in die Herausforderung•2 Minuten
HTML für unser Dashboard•5 Minuten
CSS: Initiale Stile•8 Minuten
CSS: Typografie, Schaltflächen und mehr•10 Minuten
CSS: Gestaltung der Navigationsleiste•7 Minuten
JS: Hinzufügen von Funktionen zur Navigationsleiste•4 Minuten
CSS: Desktop-Stile•9 Minuten
Auto-Verkaufsseite
Modul 4•1 Stunde abzuschließen
Moduldetails
Erwecken Sie ein anderes Figma-Layout im Web zum Leben und fügen Sie der Desktop- und Mobilansicht Komplexität und Details hinzu.
Scrimba ist eine interaktive Code-Lernplattform mit über einer Million Nutzern aus der ganzen Welt. Sie bietet hochgradig interaktive und ansprechende Kurse über Programmierung und Webentwicklung.
Wann werde ich Zugang zu den Vorlesungen und Aufgaben haben?
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.
Was bekomme ich, wenn ich mich für diese Specialization einschreibe?
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.
Ist finanzielle Hilfe verfügbar?
Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Einschreibegebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zur Beantragung.