In diesem Projekt lernen Sie anhand von einfachen Beispielen die Eigenschaften von Flexbox kennen, so dass Sie die Grundlagen von Flexbox verstehen und beherrschen können, um sie bei der Erstellung moderner Weblayouts im Front-End-Bereich der Webanwendung anzuwenden. Dieses Projekt deckt alle Flexbox-Eigenschaften wie Flexbox Container Properties und Flexbox Item Properties ab. Hinweis: Dieser Kurs eignet sich am besten für Teilnehmer, die in der Region Nordamerika leben. Wir arbeiten derzeit daran, diese Erfahrung auch in anderen Regionen anzubieten.

CSS3 Flexbox - Die Grundlagen beherrschen

(17 Bewertungen)
Empfohlene Erfahrung
Was Sie lernen werden
Flexbox und Flexbox-Layout lernen
Flexbox-Container-Eigenschaften verstehen
Flexbox-Elementeigenschaften verstehen
Kompetenzen, die Sie festigen
- Kategorie: Web Design and Development
- Kategorie: Responsive Web Design
- Kategorie: HTML and CSS
- Kategorie: Front-End Web Development
Tools, die Sie verwenden werden
- Kategorie: Cascading Style Sheets (CSS)
Wichtige Details

Zu Ihrem LinkedIn-Profil hinzufügen
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:
-
Einführung in Flexbox und Flexbox-Layout (7 min)
-
Flexbox Containereigenschaften 1 - Grundlegender HTML Code, Flexbox Anzeigeeigenschaft (8 min)
-
Flexbox Container Eigenschaften 2 - flex-direction,flex-wrap und flex-flow (8 min)
-
Flex Container Properties 3 - Inhalt ausrichten, Element ausrichten und Inhalt ausrichten (7 min)
-
Flex Item Properties 1 - Bestellung, Flex-Grow und Flex-Shrink (7 min)
-
Flex Item Properties 2 - flex-basis , align-self und flex (5 min)
Empfohlene Erfahrung
Vertraut mit HTML und CSS
6 Projektbilder
Dozent

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.

Jennifer J.

Larry W.

Chaitanya A.
Bewertungen von Lernenden
- 5 stars
41,17 %
- 4 stars
35,29 %
- 3 stars
23,52 %
- 2 stars
0 %
- 1 star
0 %
Zeigt 3 von 17 an
Geprüft am 30. Nov. 2023
Very concise instruction, with good examples, thoroughly covering the basics of flexbox properties.
Ihnen könnte auch Folgendes gefallen:

Scrimba

University of California, Davis

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.



