Aktualisiert im Mai 2025. Dieser Kurs enthält jetzt den Coursera Coach! Eine intelligentere Art zu lernen mit interaktiven Unterhaltungen in Echtzeit, die Ihnen dabei helfen, Ihr Wissen zu testen, Ihre Annahmen zu hinterfragen und Ihr Verständnis zu vertiefen, während Sie im Kurs vorankommen. In diesem Kurs beherrschen Sie fortgeschrittene CSS-Techniken und responsives Webdesign, so dass Sie moderne, anpassungsfähige Websites erstellen können. Am Ende des Kurses beherrschen Sie den Umgang mit Flexbox, CSS-Raster, Media-Queries und Container-Queries, um responsive Layouts zu erstellen, die sich an verschiedene Geräte anpassen. Sie werden auch Erfahrungen mit rem, em und Viewport-Einheiten für flexible Typografie sammeln und lernen, wie Sie Ihre Designs für die Mobile-First-Entwicklung optimieren können. Der Kurs beginnt mit den Grundprinzipien des Responsive Design und führt Sie durch die Layout-Flexibilität unter Verwendung von Prozentwerten und Viewport-Einheiten. Sie lernen, responsive Typografie und effektive Media-Queries für gerätespezifische Stile zu implementieren. Als Nächstes nehmen Sie praktische Projekte in Angriff, wie z. B. die Erstellung eines responsiven Preisrasters und eines Landing-Formulars, und verfeinern Ihre Fähigkeiten anhand realer Herausforderungen. Dieser Kurs ist ideal für fortgeschrittene Entwickler und Designer und setzt ein grundlegendes Verständnis von HTML und CSS voraus. Am Ende des Kurses werden Sie in der Lage sein, responsive Websites zu entwerfen und zu implementieren.



Fortgeschrittenes CSS & responsives Webdesign
Dieser Kurs ist Teil von Spezialisierung für Modernes HTML & CSS von Anfang an 2.0

Dozent: Packt - Course Instructors
Bei enthalten
Empfohlene Erfahrung
Was Sie lernen werden
Erfahren Sie, wie Sie Flexbox und Grid für responsive Layouts verwenden können.
Beherrschen Sie Medienabfragen und Containerabfragen für adaptives Design.
Verstehen, wie man rem-, em- und Viewport-Einheiten für die Typografie einsetzt.
Sammeln Sie praktische Erfahrungen bei der Erstellung von responsiven Webprojekten und Formularen.
Kompetenzen, die Sie erwerben
- Kategorie: Webdesign
- Kategorie: Cloud-Hosting
- Kategorie: Git (Versionskontrolle-System)
- Kategorie: Web Content Accessibility Guidelines
- Kategorie: Versionskontrolle
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Browser-Kompatibilität
- Kategorie: Webentwicklung
- Kategorie: GitHub
- Kategorie: Reaktionsfähiges Webdesign
- Kategorie: Typografie
- Kategorie: HTML und CSS
Wichtige Details

Zu Ihrem LinkedIn-Profil hinzufügen
10 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 8 Module
In diesem Modul werden wir die Grundlagen des Responsive Design erkunden und Sie durch Techniken wie flexible Layouts, Media-Abfragen und responsive Typografie führen. Sie werden lernen, adaptive und benutzerfreundliche Designs für verschiedene Geräte und Bildschirmgrößen zu erstellen und so Ihre Fähigkeiten in der Webentwicklung zu verbessern.
Das ist alles enthalten
10 Videos2 Lektüren1 Aufgabe1 Plug-in
In diesem Modul führen wir Sie durch die Erstellung einer responsiven Landing Page mit einem Formular. Sie lernen, Flexbox für die Layout-Steuerung zu implementieren, das HTML zu strukturieren und das Design mit CSS-Techniken wie Media Queries mobilfreundlich zu gestalten.
Das ist alles enthalten
6 Videos1 Aufgabe
In diesem Modul werden wir verschiedene CSS-Merkmale behandeln, die Ihre Designs aufwerten. Sie werden benutzerdefinierte Eigenschaften, Anbieterpräfixe, Filter und die calc()-Funktion kennenlernen und erfahren, wie Sie die Funktionalität und das Erscheinungsbild Ihrer Website mit einzigartigen Stileffekten verbessern können.
Das ist alles enthalten
8 Videos1 Aufgabe
In diesem Modul werden wir das Lumina Creative Website-Projekt von Grund auf aufbauen. Sie werden jede Phase durcharbeiten, von der anfänglichen Einrichtung und dem Header-Design bis hin zum Hinzufügen interaktiver Merkmale wie dem Leuchtkasten-Effekt, während Sie gleichzeitig Responsive Design-Praktiken verfeinern.
Das ist alles enthalten
10 Videos1 Aufgabe
In diesem Modul lernen Sie, wie Sie Ihre Projekte mit Git und GitHub verwalten, Websites auf Netlify bereitstellen und Domainnamen für professionelles Webhosting einrichten. Außerdem lernen Sie, wie Sie den Code Ihrer Website sicher verwalten und mit Versionskontrolle zusammenarbeiten können.
Das ist alles enthalten
7 Videos1 Aufgabe1 Plug-in
In diesem Modul führen wir Sie in die Barrierefreiheit im Web ein und helfen Ihnen, deren Bedeutung für inklusives Design zu verstehen. Sie werden lernen, wie Sie Ihre Website auf Barrierefreiheit testen, ARIA-Attribute implementieren und sicherstellen, dass Ihre Website für alle Benutzerfreundlichkeit bietet.
Das ist alles enthalten
7 Videos1 Aufgabe1 Plug-in
In diesem Modul befassen wir uns mit erweiterten CSS-Selektoren, einschließlich Pseudoklassen und Pseudoelementen. Sie werden lernen, wie Sie mit Selektoren wie :before, :after und neuen CSS-Funktionen für die präzise Ausrichtung von Elementen dynamischere und leistungsfähigere Stile erstellen können.
Das ist alles enthalten
11 Videos1 Aufgabe
In diesem Modul werden wir CSS-Raster im Detail erkunden und Ihnen zeigen, wie Sie flexible, reaktionsfähige Layouts erstellen können. Sie werden lernen, wie Sie Rasterfunktionen verwenden, Elemente präzise positionieren und CSS-Raster mit Media-Abfragen kombinieren, um adaptive Webdesigns zu erstellen.
Das ist alles enthalten
14 Videos1 Lektüre3 Aufgaben
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 TestzeitraumBoard Infinity
Status: Kostenloser TestzeitraumUniversity of Michigan
Status: Kostenloser Testzeitraum
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
Ja, Sie können das erste Video in der Vorschau ansehen und den Lehrplan einsehen, bevor Sie sich anmelden. Sie müssen den Kurs kaufen, um auf Inhalte zuzugreifen, die nicht in der Vorschau enthalten sind.
Wenn Sie sich vor dem Beginn der Sitzung in den Kurs einschreiben, haben Sie Zugang zu allen Vorlesungsvideos und Lesestoff für den Kurs. Sobald die Sitzung beginnt, können Sie die Aufgaben einreichen.
Sobald Sie sich angemeldet haben und Ihre Sitzung beginnt, haben Sie Zugang zu allen Videos und anderen Ressourcen, einschließlich der Lektüre und dem Diskussionsforum des Kurses. Sie können Übungsaufgaben ansehen und einreichen und die erforderlichen benoteten Aufgaben erledigen, um eine Note und ein Kurszertifikat zu erhalten.
Weitere Fragen
Finanzielle Unterstützung verfügbar,


