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
Sparen Sie mit 40% Rabatt auf 3 Monate Coursera Plus bei den Fähigkeiten, die Sie zum Strahlen bringen. Jetzt sparen
Erwerben Sie praxisrelevante Kompetenzen unter Anleitung von Experten, üben Sie sich in ihrer Anwendung und wenden Sie sie schließlich an.
4.2
(17 Bewertungen)
Stufe Mittel
Empfohlene Erfahrung
1.5 Stunden
In Ihrem eigenen Lerntempo lernen
Praktisches Lernen
Was Sie lernen werden
Flexbox und Flexbox-Layout lernen
Flexbox-Container-Eigenschaften verstehen
Flexbox-Elementeigenschaften verstehen
Kompetenzen, die Sie festigen
- Kategorie: Front-End-Webentwicklung
- Kategorie: Web-Design und Entwicklung
- Kategorie: HTML und CSS
Tools, die Sie verwenden werden
- Kategorie: Hypertext Markup Language (HTML)
- Kategorie: Cascading Style Sheets (CSS)
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:
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
13 Kurse209.514 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.“
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
LC
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:
Status: Kostenloser TestzeitraumScrimba
Status: Kostenloser TestzeitraumUniversity of California, Davis
Status: Kostenloser Testzeitraum
