Weblayout mit CSS Grid, Flexbox und anderen modernen Techniken

Ein Kurs von Javier Usobiaga Ferrer , Webdesigner

Webdesigner. Barcelona, Spanien.
Mitglied seit April 2015
99% positive Bewertungen (298)
9,028 Lernende
Audiosprache: ‌Spanisch, Englisch, Französisch, Italienisch, Portugiesisch, Türkçe
Spanisch · Englisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe

Entdecken Sie neue Raster und andere Möglichkeiten zum Entwerfen einer Website mit CSS-Formen, Variablen und Parallaxeneffekten

Das Web verändert sich ständig und mit der Einführung von CSS Grid und Flexbox haben sich die Spielregeln erneut geändert. Javier Usobiaga - Webdesigner, FrontEnd-Entwickler und Gründer des Swwweet-Studios - verfügt über 13 Jahre Erfahrung in der Erstellung verschiedener Projekte für Kunden wie den Stadtrat von Barcelona und lädt Sie mit seiner langjährigen Erfahrung ein, die modernsten Techniken und Werkzeuge zu entdecken, die das revolutionieren Sektor.

Wenn im Verlauf von Einführung in die Responsive Web-Entwicklung mit HTML und CSS , Sie haben bereits in der Welt des Responsive Web begonnen. Hier lernen Sie verschiedene fortgeschrittene Techniken mit Tools wie CSS-Raster, Flexbox, CSS-Formen, Ansichtsfenstereinheiten, CSS-Variablen, 3D-Transformationen oder Parallaxeneffekten .

Mehr Info ↓

Was lernst du in diesem Onlinekurs?

25 Lektionen & ‌16 Downloads

Die Ansichtsfenstereinheiten
4 Minuten, 40 Sekunden
Bilder mit Objektanpassung
4 Minuten, 44 Sekunden
CSS-Spalten
3 Minuten, 1 Sekunde
CSS-Formen
7 Minuten, 5 Sekunden
Variablen in CSS
4 Minuten, 11 Sekunden
Einführung in die Flexbox
3 Minuten, 12 Sekunden
  • 99% positive Bewertungen (298)
  • 9,028 Lernende
  • 25 Lektionen (2 Stdn. 16 Min.)
  • 16 Zusatzmaterialien (14 Dateien)
  • Online und in deinem Tempo
  • Verfügbar via App
  • Audiosprache: ‌Spanisch, Englisch, Französisch, Italienisch, Portugiesisch, Türkçe
  • Spanisch · Englisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe
  • Niveau: Experten
  • Dauerhaft unbegrenzter Zugang

Was ist das Kursprojekt?

Sie machen eine kostenlose Übung mit einer oder mehreren der erlernten Techniken. Javier wird eine informative Seite über die Eroberung des Südpols erstellen. Sie können das Thema und das gewünschte Projekt auswählen.

Projekte von Kursteilnehmenden

An wen richtet sich dieser Onlinekurs?

Für alle, die sich für das Design und die modernen Techniken des Layouts mit CSS Grid, Flexbox und anderen modernen Techniken interessieren.

Anforderungen und benötigte Materialien

Um an diesem Kurs teilnehmen zu können, müssen Sie über fundierte Kenntnisse in HTML und CSS, einen Computer und einen Code-Editor verfügen.


Bewertungen

9,028 Kursteilnehmende
298 Bewertungen
99% Positive Bewertungen

Javier Usobiaga Ferrer

Javier Usobiaga Ferrer
Ein Kurs von Javier Usobiaga Ferrer

Lehrkraft Plus
Webdesigner

Javier Usobiaga ist seit über 10 Jahren Webdesigner und Front-End-Entwickler. Zusammen mit Marta Armada ist er Mitbegründer des Swwweet-Studios, das sich auf die Gestaltung responsiver Websites von der Konzeption bis zur Front-End-Entwicklung spezialis...


Inhalt

  • E1

    Einführung

    • Präsentation
    • Einflüsse
  • E2

    Layout gestalten

    • Die Ansichtsfenstereinheiten
    • Bilder mit Objektanpassung
    • CSS-Spalten
    • CSS-Formen
    • Variablen in CSS
  • E3

    Layout in einer Dimension mit Flexbox

    • Einführung in die Flexbox
    • Containereigenschaften
    • Inhaltseigenschaften
    • Ausrichtung der Hauptachse und der Querachse
    • Erweiterte Ausrichtungen
    • Erweiterte Layouts mit Flexbox
  • E4

    Zweidimensionales Layout mit CSS-Raster

    • Einführung in das CSS-Raster
    • Fadenkreuzfunktionen
    • Verteilung und Größe
    • Automatisch reagierendes Raster
  • E5

    Erweitertes CSS-Raster

    • Absehenbereiche
    • Ausrichtung und Ordnung
    • Nisten
    • Grid (und Flexbox) in der Praxis
  • E6

    Die dritte Dimension: Tiefe und Effekte im Bildlauf

    • Einführung in 3D-Transformationen
    • Überschriften behoben
    • Synchronisierte Animationen mit Bildlauf
    • Inspiration und Ressourcen
  • AP

    Abschlussprojekt

    • Weblayout-Techniken

Was erwartet dich in einem Domestika-Kurs?

  • Lerne in deinem Tempo

    Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.

  • Lerne mit den Profis

    Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.

  • Tritt mit den erfahrendsten Experten in Kontakt

    Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.

  • Zertifikate
    Plus

    Erhalte als Plus-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.

  • Sei ganz vorne mit dabei

    Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.

  • Teile Wissen und Ideen

    Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.

  • Sei Teil einer globalen kreativen Community

    Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.

  • Arbeite mit von Profis produzierten Kursen

    Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.


FAQ

Domestika-Kurse sind Online-Klassen, die es dir ermöglichen, neue Fähigkeiten zu erlernen und unglaubliche Projekte zu erstellen. Alle unsere Kurse bieten die Möglichkeit, deine Arbeit mit anderen Studenten und/oder Lehrern zu teilen und so eine aktive Lerngemeinschaft zu schaffen. Wir bieten verschiedene Formate:
Original-Kurse: Vollständige Klassen, die Videos, Texte und Lehrmaterialien kombinieren, um ein konkretes Projekt von Anfang bis Ende zu realisieren.
Basics-Kurse: Spezialisierte Schulungen, in denen du spezifische Software-Tools Schritt für Schritt beherrschst.
Spezialisierungskurse: Lernwege mit verschiedenen Experten-Lehrern zu demselben Thema, perfekt um Spezialist zu werden, indem du von verschiedenen Ansätzen lernst.
Geführte Kurse: Praxiserfahrungen, ideal für den direkten Erwerb spezifischer Fähigkeiten.
Intensivkurse (Deep Dives): Neue kreative Prozesse basierend auf Tools der künstlichen Intelligenz in einem zugänglichen Format für ein tiefes und dynamisches Verständnis.

Alle Kurse sind zu 100 % online verfügbar, das heißt, sobald ein Kurs veröffentlicht wurde, steht er dir zur Verfügung, wann immer du willst. Du bestimmst das Tempo, in dem du lernen willst. Du kannst jederzeit zu einem Teil zurückkehren, der dich besonders interessiert, oder überspringen, was du schon kennst. Genauso ist das Kursforum immer offen für neue Fragen, Kommentare, geteilte Projekte und mehr.

Die Kurse sind in mehrere Einheiten unterteilt. Jede Einheit enthält Lektionen, informative Begleittexte, Aufgaben und Übungen, mit denen du dein Projekt Schritt für Schritt vollendest, inklusive ergänzender Materialien und Downloads. Außerdem hast du Zugang zu einem exklusiven Forum, in dem du dich mit der Lehrperson und anderen Lernenden austauschen kannst und deine Arbeit und dein Kursprojekt teilen kannst, sodass eine Gemeinschaft rund um den Kurs entsteht.

Du kannst den geschenkten Kurs aktivieren, indem du den Gutscheincode hier Einlöseseite eingibst.

Als Plus-Mitglied erhältst du dein personalisiertes Zertifikat noch im selben Moment nach Abschluss eines gekauften Kurses. Du kannst dir all deine Zertifikate im Bereich „Zertifikate“ in deinem Profil ansehen, sie im PDF-Format herunterladen und den Link dazu online teilen. Mehr zu den Abschlusszertifikaten.
Weblayout mit CSS Grid, Flexbox und anderen modernen Techniken. Ein Kurs der Kategorie Design, Web- und App-Entwicklung von Javier Usobiaga Ferrer

Weblayout mit CSS Grid, Flexbox und anderen modernen Techniken

Ein Kurs von Javier Usobiaga Ferrer
Webdesigner. Barcelona, Spanien.
Mitglied seit April 2015
  • 99% positive Bewertungen (298)
  • 9,028 Lernende