flexbox kursbild

Schaffe in kürzester Zeit den praktischen Einstieg in Flexbox

... und lerne, wie du deine Webseiten Inhalte mithilfe von Flexbox in anspruchsvollen HTML/CSS Layouts anordnen kannst.

Laufzeit des Kurses

ca. 3,5 Stunden

Benötigte Vorkenntnisse

HTML/CSS Grundkenntnisse

Auf jeder Webseite müssen die Inhalte in einem sogenannten Layout angeordnet werden.

Eine moderne und einfache Möglichkeit, um responsive und flexible Layouts zu erstellen, ist Flexbox.

In diesem Kurs wirst du den Umgang mit Flexbox von 0 an kennenlernen, sodass du danach in der Lage bist, problemlos eigene komplexe und responsive Layouts in CSS zu erstellen.

Im Verlauf des Kurses wirst du unteranderem lernen:

  • Was die grundlegende Funktionsweise von Flexbox ist
  • Alle wichtige über Anordnung, Platzverteilung und Ausrichtung
  • Umbruchverhalten (Wrap)
  • Abstände und Reihenfolgen
  • und du erhältst auch zahlreiche Beispiele für konkrete Layouts

Wenn du also lernen möchtest, wie du Flexbox fortan in deinen eigenen Projekten nutzen kannst, solltest du diesen Kurs definitiv durcharbeiten.


Inhaltsverzeichnis des Kurses

Modul 1: Einführung

flexbox kurs modul 1

In diesem Modul erhältst du eine detaillierte Einführung in diesen Kurs. Zudem setzen wir das Initialprojekt des Kurses gemeinsam auf.

Diese Lektionen erwarten dich:

  • [Text] Kursübersicht und Voraussetzungen
  • [Video 1] Einführung
  • [Video 2] Aufsetzen des Initialprojekts

Modul 2: Flexbox-Layout Grundlagen

flexbox kurs modul 2

In diesem Modul lernst du alle wichtigen Flexbox-Layout Grundlagen der Reihe nach und leichtverständlich kennen.

Diese Lektionen erwarten dich:

  • [Video 1] Aufbau der Beispielstruktur
  • [Video 2] Kindelemente gleichmäßig verteilen
  • [Video 3] Übung: Kindelemente Platz verteilen
  • [Video 4] Konkretes Beispiel responsives Design
  • [Video 5] Ausrichtung der Kindelemente
  • [Video 6] Stretch und Einzelausrichtung
  • [Video 7] Übung: Stretch und Einzelausrichtung
  • [Video 8] Ausrichtung in Hauptrichtung
  • [Video 9] Beispiel für Ausrichtung in Hauptrichtung
  • [Video 10] Basislänge in Flexrichtung
  • [Video 11] Mit flex-grow den Größenzuwachs in Flexrichtung regulieren
  • [Video 12] Mit flex-shrink die Verkleinerung in Flexrichtung regulieren
  • [Video 13] Wrapping
  • [Video 14] Die flex-flow Eigenschaft
  • [Video 15] Übung: Wrapping
  • [Video 16] Gap
  • [Video 17] Order und Reverse Direction
  • [Video 18] Übung: Order

Modul 3: Beispiele für Layouts mit Flexbox

flexbox kurs modul 3

In diesem Modul lernst du zahlreiche Beispiel-Layouts mit Flexbox kennen.

Diese Lektionen erwarten dich:

  • [Video 1] Zentrieren
  • [Video 2] 3 Spalten 3 Zeilen
  • [Video 3] Formulareingaben
  • [Video 4] Verschachteltes Layout
  • [Video 5] Chat-Layout
  • [Video 6] Galerie-Layout

Modul 4: Fazit

flexbox kurs modul 4

In diesem Modul ziehen wir abschließend noch ein Fazit und du erhältst einen Ausblick auf weitere Themen.

Diese Lektionen erwarten dich:

  • [Video 1] Fazit und Ausblick

Das sagen unsere Kunden

Was du bekommst

  • Sofortiger Zugang zum "Flexbox Kurs - Layouts mit HTML und CSS"
  • 4 Module mit über 25 Videos
  • Zahlreiche Praxisbeispiele
  • Lebenslanger Zugriff
flexbox kursbild

67€

Nach dem Durcharbeiten des Kurses besitzt du ...

Die Fähigkeit, eigene Layouts mit Flexbox zu entwickeln

Ein tiefgreifendes Verständnis für die Webentwicklung

Auf dem Arbeitsmarkt sehr gefragte Entwicklerfähigkeiten

Praxiserfahrung aufgrund der zahlreichen Praxisbeispiele

Nach dem Durcharbeiten des Kurses besitzt du ...

  • Die Fähigkeit, eigene Layouts mit Flexbox zu entwickeln
  • Ein tiefgreifendes Verständnis für die Webentwicklung
  • Auf dem Arbeitsmarkt sehr gefragte Entwicklerfähigkeiten
  • Praxiserfahrung aufgrund der zahlreichen Praxisbeispiele
app visualisierung

Ab sofort kannst du von überall aus lernen.

Wir präsentieren: Die Programmieren Starten App!

Innerhalb der App können alle Kursvideos auch auf dein Gerät heruntergeladen werden, sodass du auch ohne Internetverbindung von überall aus lernen kannst.

Häufig gestellte Fragen

Wie läuft die Bestellung ab?

Mit der Bestellung des "Flexbox - Layouts mit HTML und CSS" Kurses wird für dich automatisch ein Account auf unserer Lern-Plattform angelegt. Die Zugangsdaten für deinen Account werden dir innerhalb weniger Minuten nach Kauf via E-Mail übermittelt.

Sobald du dich in deinen Account eingeloggt hast, kannst du uneingeschränkt und lebenslang auf alle Kursvideos zugreifen.

Welche Vorkenntnisse werden benötigt?

Du benötigst für diesen Kurs Grundkenntnisse in HTML/CSS.

Wie lange dauert es den Kurs durchzuarbeiten?

Der Kurs besteht insgesamt aus ca. 3,5 Stunden Videomaterial. Du kannst dieses Videomaterial also technisch gesehen an einem Tag durcharbeiten. Um die im Kurs gelernten Konzepte wirklich zu verinnerlichen, empfehlen wir eine Bearbeitungszeit von 7 - 14 Tagen.

Was passiert, wenn mir der Kurs nicht gefällt?

Wir bieten zu jedem unserer Kurse eine 14 Tage Geld-zurück-Garantie an. Solltest du also nach 14 Tagen keine Fortschritte an deinen Programmierfähigkeiten erkennen, dann erhältst du dein komplettes Geld vollkommen zurückerstattet. Du kannst den Kurs also ohne Risiko testen.

Können die Videos heruntergeladen werden?

Über unsere Web-Lernplattform können die Videos nicht heruntergeladen werden. Es ist also eine Internetverbindung von Nöten, um den Kurs ansehen zu können.

Seit neustem kannst du dir sowohl im Google Play Store als auch im Apple App Store unsere Programmieren Starten App herunterladen. Dadurch kannst du nun als optionale Möglichkeit auch über die App auf unsere Lernplattform zugreifen. Die App bietet den Vorteil, dass diese für mobile Endgeräte optimiert ist und die Videos innerhalb der App heruntergeladen werden können. Dadurch können die Kursvideos auch von unterwegs aus ohne aktive Internetverbindung angesehen werden.

Wie lange habe ich Zugriff auf den gekauften Kurs?

Sobald du den Kurs erworben hast, kannst du lebenslang darauf zugreifen.

Handelt es sich um eine einmalige Zahlung?

Ja, es handelt sich um eine einmalige Zahlung. Sobald du den Kurs erworben hast, steht dieser dir lebenslang innerhalb deines Accounts zur Verfügung. Auch alle zukünftigen Updates des Kurses werden kostenlos für dich freigeschaltet.

Muss ich für zukünftige Updates erneut bezahlen?

Nein, sollten im Laufe der Zeit neue Module zum Kurs hinzugefügt werden, so erhältst auch du automatisch Zugriff darauf. Du musst nichts weiter dafür tun und es fallen auch keine weiteren Kosten an.

Investiere noch heute in deine Weiterbildung