Tailwind CSS - Grundlagen

Institut: HECKER CONSULTING
Bereich: Technik, EDV, Telekommunikation
Kurs merken
Anmelden

Kursbeschreibung

Der Tailwind CSS Utility-First-Ansatz wirft viele der traditionellen CSS-Ansätze für die Erstellung von Projekten über Bord und ermöglicht eine vollständige und einzigartige Website zu erstellen, ohne eine einzige Zeile CSS zu schreiben.

Hin und wieder kommt eine neue Idee auf, die die Art und Weise, wie wir im Web arbeiten, wirklich verändert: Tailwind CSS ist eine dieser Neuerungen.

Tailwind.css verfolgt einen neuen Ansatz bei der Erstellung von Projekten, den so genannten Utility-First-Ansatz, was bedeutet, dass Sie eine ganze Website erstellen können, die einzigartig aussieht, ohne eine einzige Zeile CSS zu schreiben.

Im Gegensatz zu Bootstrap hat Tailwind CSS keine Klassen für Komponenten wie Karussells, Karten, Akkordeons und so weiter. Was es hat, ist ein reaktionsfähiges Raster und Flex-Wrap-Klassen, die steuern, wie alles aussieht, ohne dass man ein Style-Dokument anfassen muss.

Entdecken Sie, wie Tailwind CSS einen leichtgewichtigen, aber ausgefeilten Ansatz für die Gestaltung von Inhalten in Ihren Websites und Anwendungen durch Beschriftung mit geeigneten Klassennamen bietet.

Einstieg in Tailwind CSS
  • Der Tailwind Utility-First-Ansatz
  • Installieren von Tailwind CSS
  • Arbeiten mit einem Build-Tool
  • Benutzerdefinierte Builds
  • Hinzufügen von Stilen
Typografie in Tailwind CSS
  • Schriftarten-Direktiven
  • Text-Direktiven
  • Listenstile
  • Abstands-Typografie
Objekt-Eigenschaften in Tailwind CSS
  • Umrandungen
  • Ringe
  • Unterteilen
  • Hintergründe
  • Box-Schatten
Tailwind CSS Objekt-Metriken
  • Breite und Höhe
  • Abstände und Ränder
  • Anzeige und Position
  • Verschieben und Einschließen von Objekten
  • Andere Eigenschaften
Layouts in Tailwind CSS
  • Flexbox
  • Raster
  • Box-Ausrichtung
Tailwind CSS - Animation
  • Transformationen
  • Übergänge
  • Animieren
  • Filter-Hilfsmittel
  • Dienstprogramme für Überblendungsmodus
Weitere Optionen in Tailwind CSS
  • Formulare
  • Tabellen
  • SVG
  • Screen-Reader
  • Interaktivität
Der Tailwind - Just-in-Time-Modus
  • Arbeiten mit JIT
  • Zusätzliche Varianten
  • JIT-Verbesserungen

Der Tailwind CSS Utility-First-Ansatz wirft viele der traditionellen CSS-Ansätze für die Erstellung von Projekten über Bord und ermöglicht eine vollständige und einzigartige Website zu erstellen, ohne eine einzige Zeile CSS zu schreiben.

Hin und wieder kommt eine neue Idee auf, die die Art und Weise, wie wir im Web arbeiten, wirklich verändert: Tailwind CSS ist eine dieser Neuerungen.

Tailwind.css verfolgt einen neuen Ansatz bei der Erstellung von Projekten, den so genannten Utility-First-Ansatz, was bedeutet, dass Sie eine ganze Website erstellen können, die einzigartig aussieht, ohne eine einzige Zeile CSS zu schreiben.

Im Gegensatz zu Bootstrap hat Tailwind CSS keine Klassen für Komponenten wie Karussells, Karten, Akkordeons und so weiter. Was es hat, ist ein reaktionsfähiges Raster und Flex-Wrap-Klassen, die steuern, wie alles aussieht, ohne dass man ein Style-Dokument anfassen muss.

Entdecken Sie, wie Tailwind CSS einen leichtgewichtigen, aber ausgefeilten Ansatz für die Gestaltung von Inhalten in Ihren Websites und Anwendungen durch Beschriftung mit geeigneten Klassennamen bietet.

Einstieg in Tailwind CSS
  • Der Tailwind Utility-First-Ansatz
  • Installieren von Tailwind CSS
  • Arbeiten mit einem Build-Tool
  • Benutzerdefinierte Builds
  • Hinzufügen von Stilen
Typografie in Tailwind CSS
  • Schriftarten-Direktiven
  • Text-Direktiven
  • Listenstile
  • Abstands-Typografie
Objekt-Eigenschaften in Tailwind CSS
  • Umrandungen
  • Ringe
  • Unterteilen
  • Hintergründe
  • Box-Schatten
Tailwind CSS Objekt-Metriken
  • Breite und Höhe
  • Abstände und Ränder
  • Anzeige und Position
  • Verschieben und Einschließen von Objekten
  • Andere Eigenschaften
Layouts in Tailwind CSS
  • Flexbox
  • Raster
  • Box-Ausrichtung
Tailwind CSS - Animation
  • Transformationen
  • Übergänge
  • Animieren
  • Filter-Hilfsmittel
  • Dienstprogramme für Überblendungsmodus
Weitere Optionen in Tailwind CSS
  • Formulare
  • Tabelle…
Website
https://www.hco.de
Datum
auf Anfrage
Uhrzeit
09:00
Dauer
ab 1 Tag nach Vereinbarung
Ort
Virtuelles Klassenzimmer, Live-Online-Seminar
E-Mail
info@hco.de
Kontakt
Peter Hecker
Straße
Erkrather Str. 401
PLZ
40231
Ort
Düsseldorf
Land
Deutschland
Bundesland
---
Tel
+49 211 542 480 40
Keine besonderen Anforderungen.
Zielgruppe
Interessenten mit abgeschlossener Berufsausbildung oder Berufserfahrungen im Medienbereich, Kommunikationsbereich oder kaufmännischen Bereich, die sicher im Umgang mit dem PC sind sowie eine Affinität zum Internet und digitalen Medien haben und eineTailwind CSS - Beratung, Coaching, Workshop, Training suchen!
Kursnummer
617837b0b9d6737b8597
Plätze
12

Diese Kurse könnten Sie auch interessieren ...

Uber Weiterbildungsvorschläge
Suchmaschinen-Marketing und Suchmaschinen-Optimierung (SEM/SEO) - Einführung Adobe InDesign Grundlagen Modul 5 - Gesundheit, Sicherheit, Dienstleistung (3a-3f) - C95/D95 Weiterbildung für Berufskraftfahrer:innen Modul 5 - Gesundheit, Sicherheit, Dienstleistung (3a-3f) - C95/D95 Weiterbildung für Berufskraftfahrer:innen 3D-Druck Workshop: Weihnachtsedition. Für Kinder (8-14 Jahre) Enter Bildbearbeitung Enter Excel Enter Word SEO & SEA - Suchmaschinenoptimierung & Suchmaschinenmarketing Excel für Controller Excel für Controller Excel für Selbsterlernte Excel für Selbsterlernte Excel für Selbsterlernte Power BI Desktop Grundlagen Power BI Desktop Grundlagen Power BI Desktop Grundlagen Power Query Grundlagen Power Query Grundlagen Full Stack Development: Java Technologies Full Stack Development: Java Technologies Full Stack Development: Java Technologies Full Stack Development: Java Technologies EC-Council Computer Hacking Forensic Investigator (CHFI) Blender - Grundlagen Adobe Figma - Aufbau Google Cloud Fundamentals: Core Infrastructure HPE Synergy Administration with HPE OneView OpsRamp Operations, Administration & Implementation Managing HPE GreenLake for Block Storage MP Drive Sales with Account Engagement Concepts and Facilities for HPE NonStop Systems IBM PowerVM: Implementing Virtualization Microsoft Dynamics 365 Business Central – VS Code AL Introduction (Part 2: Advanced) IBM Storage Protect 8.1.13 Advanced Administration, Tuning, and Troubleshooting Windows Server – Public Key Infrastructure Management & Security (PKI) EC-Council Certified Network Defender v3 Office Core Fit für das Büro Office Core Fit für das Büro Office ADVANCED Fit für den Job Office ADVANCED Fit für den Job Office 2019 Windows 10 Fit am PC Office 2019 Windows 10 Fit am PC Keine Angst vor dem PC + 50 Umschulung Office 2013 auf Office 2019 EDV Einführung 50+ Bürofachkraft Bürofachkraft Office CORE Office Core Fit für das Büro Office Core Fit für das Büro Office ADVANCED Fit für den Job Office ADVANCED Fit für den Job Office 2019 Windows 10 Fit am PC Office 2019 Windows 10 Fit am PC Keine Angst vor dem PC + 50 Umschulung Office 2013 auf Office 2019 EDV Einführung 50+ Bürofachkraft Bürofachkraft Office CORE Online: Excel Kurs – Datenanalyse mit Pivot Tabelle (PT-12-25) ISTQB® Certified Tester - Foundation Level v4.0 (CTFL) [DE] iSAQB® Certified Professional for Software Architecture - Foundation Level (CPSA-F) [DE] iSAQB® Certified Professional for Software Architecture - Foundation Level (CPSA-F) [EN] IREB® Certified Professional for Requirements Engineering - Foundation Level (CPRE-FL) [DE] Diplomlehrgang ArchiCAD & Lumion Diplomlehrgang ArchiCAD & 3D Druck Lehrgang ArchiCAD ArchiCAD - Grundlagen ArchiCAD - Grundlagen Diplomlehrgang Revit & Lumion Diplomlehrgang Revit & 3D Druck Lehrgang Revit Revit - Grundlagen Revit - Grundlagen Fusion 360 Lehrgang AutoCAD Diplomlehrgang AutoCAD, AutoLISP & KI AutoCAD - Grundlagen AutoCAD - Grundlagen Lehrgang SolidWorks SolidWorks - Grundlagen SolidWorks - Grundlagen Diplomlehrgang Rhinoceros 3D / V-Ray / Lumion Diplomlehrgang Rhinoceros 3D / 3D Druck Rhinoceros 3D / Lumion - Grundlagen Rhinoceros 3D / 3D Druck - Grundlagen Rhinoceros 3D - Grundlagen Diplomlehrgang SketchUp / V-Ray / Lumion Diplomlehrgang SketchUp / 3D Druck SketchUp / Lumion - Grundlagen SketchUp / 3D Druck - Grundlagen SketchUp - Grundlagen Diplomlehrgang 3DS Max / V-Ray / Lumion Diplomlehrgang 3DS Max / 3D Druck 3DS Max / Lumion - Grundlagen 3DS Max / 3D Druck - Grundlagen 3DS Max - Grundlagen Unreal Engine für Architektur Blender / Lumion - Grundlagen Blender / 3D Druck - Grundlagen Blender - Grundlagen Cinema 4D / Lumion - Grundlagen Cinema 4D / 3D Druck - Grundlagen Cinema 4D - Grundlagen Maya - Grundlagen Lehrgang Programmiersprache Python Programmiersprache Python - Grundlagen Programmiersprache Python - Grundlagen Programmiersprache Java - Grundlagen Programmiersprache Java - Grundlagen JavaScript - Grundlagen JavaScript - Grundlagen Programmiersprache C Programmiersprache C++ Programmiersprache C# HTML/CSS HTML/CSS MySQL MySQL Adobe Audition Audacity Diplomlehrgang Adobe Premiere Pro & After Effects Adobe Premiere Pro & After Effects - Grundlagen Adobe After Effects - Grundlagen Adobe Premiere Pro Avid Media Composer DaVinci Resolve Lehrgang WordPress WordPress - Grundlagen WordPress - Grundlagen Lehrgang UX/UI - Design mit Figma UX/UI - Design mit Figma - Kompaktkurs RhinoGold - Grundlagen RhinoGold - Grundlagen Diplomlehrgang Adobe Photoshop / InDesign / Illustrator Adobe Photoshop / InDesign / Illustrator - Grundlagen Adobe Photoshop / InDesign - Grundlagen Adobe Photoshop - Grundlagen Adobe Lightroom ChatGPT und künstliche Intelligenz in der Praxis (20 UE) Baumaschinenführerkurs Schaltberechtigung für elektrische Anlagen in Nieder- und Hochspannungsnetzen Schaltberechtigung für elektrische Anlagen in Nieder- und Hochspannungsnetzen Prüfung elektrischer Geräte und Elektrowerkzeuge Ausbildung Brandschutzwart:in Projektierung, Errichtung und Erweiterung von Hochspannungsanlagen NEU MIT VR! Hochvolt-Ausbildung HV-3 nach OVE Richtlinie R19 Fortbildung Brandschutzbeauftragte Fortbildung Brandschutzwart:innen Brandschutz bei Photovoltaik-Anlagen Power Query Fortgeschrittene Power Query Fortgeschrittene Microsoft Azure, Administering Azure SQL Solutions Microsoft Azure, Administering Azure SQL Solutions Ansible, Automation Ansible, Automation XML, Grundlagen XML, Grundlagen Windows Server, Hybrid Core Infrastructure Windows Server, Hybrid Core Infrastructure Windows 11 Client, Upgrading your Skills to Windows 11 Windows 11 Client, Upgrading your Skills to Windows 11 Microsoft Office 365, Workflows mit SharePoint und PowerAutomate Microsoft Office 365, Workflows mit SharePoint und PowerAutomate BricsCAD - 2D-Aufbau BricsCAD - 2D-Aufbau Kreative Bildgenerierung mit Künstlicher Intelligenz (KI) Kreative Bildgenerierung mit Künstlicher Intelligenz (KI) MS Excel - Expert (Bundle) MS Excel - Expert (Bundle) iSAQB® Certified Professional for Software Architecture - Foundation Level (CPSA-F) iSAQB® Certified Professional for Software Architecture - Foundation Level (English, CPSA-F) ISTQB Certified Tester - Advanced Level: Test Analyst (CTAL-TA) IREB Certified Professional for Requirements Engineering - Foundation Level (CPRE-FL) ISTQB Certified Tester - Foundation Level v4.0 (CTFL) Querying Data with Microsoft Transact-SQL Querying Data with Microsoft Transact-SQL Programmierung mit ASP.NET Web APIs Programmierung mit ASP.NET Web APIs Confluence (Cloud) für Administratoren Confluence (Cloud) für Administratoren EXIN Agile Scrum Foundation und Product Owner (Bundle) EXIN Agile Scrum Foundation und Product Owner (Bundle) EXIN Agile Scrum Foundation und Master (Bundle) EXIN Agile Scrum Foundation und Master (Bundle) MS Excel - Pivot-Tabellen und Power Pivot (Bundle) MS Excel - Pivot-Tabellen und Power Pivot (Bundle) AutoCAD - 3D-Konstruktion AutoCAD - 3D-Konstruktion EXIN Agile Scrum Foundation EXIN Agile Scrum Foundation AutoCAD - 2D-Aufbau AutoCAD - 2D-Aufbau Projektmanagement - Vertiefung Projektmanagement - Vertiefung MS PowerPoint - Basis MS PowerPoint - Basis MS Excel - Datenanalysen mit Excel-Dashboards und Pivot-Tabellen