Schulung CSS-Präprozessoren SCSS und SASS (Syntactically Awesome Stylesheets und Sassy Cascading Style Sheets)

Beschreibung/Inhalt

Dies ist ein Aufbaumodul auf vorhandenes CSS-Wissen. Sofern die Teilnehmer noch kein Wissen über Cascading Style Sheets (CSS) haben, wird zuvor das Modul CSS benötigt.

Optional: Vermittlung des notwendigen Grundlagenwissens über Cascading Style Sheets (CSS)

# SCSS / SASS installieren

  • Installation
  • Konfiguration
  • Der SASS Precompiler
  • Workflow mit Visual Studio Code

    • # Arbeiten mit SCSS / SASS
  • Namenskonventionen
  • Schreibweisen
  • Anweisungen verschachteln
  • CSS-Architektur

    • # Variablen
  • Werte in Variablen festhalten
  • Rechnen mit Variablen
  • Iterationen und Bedingungen
  • Einbetten von Variablen in Klassennamen

    • # Berechnungen
  • Addieren, Subtrahieren, Multiplizieren und Dividieren von CSS-Werten
  • Vergleich mit der calc()-Funktion
  • Eigene Berechnungsfunktionen entwickeln, zum Beispiel Trigonometrie

    • # Funktionen
  • Wiederverwendbare CSS-Deklarationen

    • # Flow Control
  • for - Schleifen
  • while - Schleifen
  • if-else - Statements

    • Dauer
    Auf Wunsch. Gerne geben wir Ihnen eine Empfehlung zur notwendigen Schulungsdauer, wenn Sie uns in der Anfrage Ihre Vorkenntnisse und Ziele nennen.
    Ort
    Online oder in Deutschland, Österreich und der Schweiz an Ihrem Firmensitz
    Schulungsdidaktik
    Nach Ihrer Wahl: Klassische Schulung mit PC-Übungen, reine Präsentation ohne PC-Übungen oder interaktiver Workshop mit Beratungsanteil