Weblayout mit CSS Grid, Flexbox und anderen modernen Techniken
Ein Kurs von Javier Usobiaga Ferrer , Webdesigner
Entdecken Sie neue Raster und andere Möglichkeiten zum Entwerfen einer Website mit CSS-Formen, Variablen und Parallaxeneffekten
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 .
Was lernst du in diesem Onlinekurs?
25 Lektionen & 16 Downloads
- 99% positive Bewertungen (289)
- 8,866 Lernende
- 25 Lektionen (2 Stdn. 16 Min.)
- 16 Zusatzmaterialien (14 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Spanisch
- Spanisch · Englisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch
- 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
Javier Usobiaga Ferrer
Ein Kurs von Javier Usobiaga Ferrer
Javier Usobiaga ist seit mehr als 10 Jahren FrontEnd-Webdesigner und -Entwickler und Mitbegründer von Marta Armada vom Swwweet-Studio, das sich auf die Gestaltung reaktionsschneller Websites von der ersten Konzeption bis zur Front-End-Entwicklung spezialisiert hat.
Er genießt auch seine Rolle als Professor für Webdesign in renommierten Workshops und Schulen wie Elisava, IDEP.
Usobiaga versteht das Web in seiner Gesamtheit, nicht nur wie schön es auf dem Computerbildschirm sein kann, sondern auch seine Verwendbarkeit unter verschiedenen Geräten und Umständen.
In seinen Worten: "Ich denke, wie schnell es geladen wird oder wie gut es reagiert, ist genauso wichtig wie die Ästhetik, und es scheint mir, dass wir das in unserer Branche oft vergessen."
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
PlusErhalte 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 Onlinekurse, die dir Kenntnisse im Umgang mit bestimmten Werkzeugen oder Fähigkeiten vermitteln, mit deren Hilfe du ein eigenes Projekt realisieren kannst. Jeder Schritt ist so gestaltet, dass du mit einer Kombination aus Videolektionen und ergänzenden Lehrmaterialien praktisch lernst. Im Rahmen eines Domestika-Kurses hast du außerdem die Möglichkeit, dein eigenes Projekt mit der Lehrperson und anderen Teilnehmenden zu teilen, sodass eine dynamische Kursgemeinschaft entsteht.
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.
lucerodav
Interesante curso me ayudó para mi curso de programación,
Übersetzung anzeigen
Übersetzung ausblenden
Alvaro Sanchez de la Riva
Todos los cursos de Javier que he hecho me han venido muy bien, me han aportado una buena base!! Vuelvo a ellos de vez en cuando olvido algo porque explica de una forma muy clara.
Übersetzung anzeigen
Übersetzung ausblenden
megable
Muy bueno, bien explicado y muy buen contenido, recomendado!
Übersetzung anzeigen
Übersetzung ausblenden
ildema
Corso fatto molto bene, come tutti quelli di Javier Usobiaga Ferrer (ne ho seguiti 5). Tutto è molto chiaro e spiegato bene. Ci sono tanti esempi. C'è un filo logico da seguire. Gli argomenti trattati sono pratici ed utili nel mondo vero dello sviluppo front-end. Lo consiglio.
Übersetzung anzeigen
Übersetzung ausblenden
sebastianespinosajuan
Este curso enseña de forma preciso y interesante, eso hace recomendable los cursos de Javier Usobiaga Ferrer.
Übersetzung anzeigen
Übersetzung ausblenden