LERNZIELE
- Du lernst die Funktionsweise von Tailwind kennen
- Du verstehst die Unterschiede und Vorteile gegenüber CSS
- Du lernst die wichtigsten Tailwind-Klassen kennen
- Du lernst den Umgang mit den Tailwind-Break-Points und dem Hover-State kennen
- Du nutzt die offizielle Dokumentation, um Details nachzuschlagen
INHALT
Tailwind ist ein Open-Source CSS-Framework für Responsive und Mobile-First Webdesign. Im Gegensatz zu Bootstrap liefert Tailwind keine Designvorlagen für bestimmte Komponente wie Buttons oder Formularfelder. Stattdessen konzentriert sich das Framework ausschließlich auf Klassen, die bestimmte CSS-Deklarationen spiegeln und miteinander kombiniert werden müssen. Das ermöglicht eine direkte und schnelle visuelle Anpassung einzelner HTML-Elemente.
In diesem Kurs lernst du Tailwind kennen und erstellst Schritt für Schritt die Benutzeroberfläche für einen Online-Shop. Die Website passt sich dabei automatisch an die Displaygrößen von Smartphones, Tablets und Laptops an und die enthaltenen Schaltflächen besitzen einen Hover-State. Für einen maximalen Lernerfolg solltest du etwas Vorwissen in HTML und CSS mitbringen.
ALLE LEKTIONEN IM ÜBERBLICK
SO LERNST DU MIT DIESEM KURS
In den Videokursen der heise academy lernst du IT-Themen anschaulich und verständlich. Du siehst den Experten bei der praktischen Arbeit zu und lässt dir dabei alles genau erklären. Das Wissen ist in kompakte Lerneinheiten unterteilt, sodass du den Kurs Schritt für Schritt durcharbeiten oder gezielt zu Lektionen springen kannst, die dich interessieren. Die persönliche Lernumgebung der heise academy hält viele Funktionen für dich bereit, die dich beim Lernen unterstützen:
- Flexibler Videoplayer mit vielen Steuerungsmöglichkeiten
- Wissensquiz zur Lernkontrolle
- Lernhistorie und Lernfortschritt
- Lesezeichen und Notizen
- Volltextsuche in den Videos
- Übungsmaterial zum Mitmachen
- Responsive Web-App und Videostreaming für alle Endgeräte
TECHNISCHE VORAUSSETZUNGEN
Für diesen Videokurs wird lediglich ein aktueller Browser (mit eingeschalteter JavaScript-Funktionalität) und eine Internetverbindung benötigt.
DEIN EXPERTE
Fabian Hiller gründete bereits mit 18 Jahren sein erstes Unternehmen und unterstützte Unternehmen, Restaurants und Vereine in seiner Umgebung mit Grafikdesign und Webentwicklung. 2018 folgte dann mit Adstock das zweite Unternehmen. Neben seinem YouTube-Kanal, auf dem er sein Wissen und seine Erfahrungen rund um UI- und UX-Design sowie App- und Webentwicklung teilt, ist er an zahlreichen weiteren Softwareprojekten beteiligt.