Der Kurs Website erstellen mit SCSS vermittelt die erweiterten Möglichkeiten von SCSS zur modularen und effizienten Gestaltung von Webseiten. Teilnehmende lernen, wie SCSS-Strukturen aufgebaut werden, wie Variablen und Mixins eingesetzt werden und wie größere Stylesheets organisiert werden. Der Kurs zeigt die Integration in Webprojekte und den Übergang von SCSS zu nutzbarem CSS.
1. Grundlagen - Arbeitsweise und Struktur von SCSS2. Variablen, Mixins und Wiederverwendbarkeit3. Verschachtelung und Ordnung4. Anwendung und Integration1. Grundlagen - Arbeitsweise und Struktur von SCSS
- Unterschiede zwischen CSS und SCSS
- Aufbau und Struktur von SCSS-Dateien
- Nutzung eines Präprozessors für SCSS-Kompilierung
- Einbindung von SCSS in typische Projektstrukturen
2. Variablen, Mixins und Wiederverwendbarkeit
- Verwendung von Variablen für konsistente Gestaltung
- Erstellung von Mixins für wiederkehrende Muster
- Strukturierung wiederverwendbarer Codeabschnitte
- Organisation zentraler Designelemente
3. Verschachtelung und Ordnung
- Verwendung verschachtelter Selektoren für bessere Lesbarkeit
- Aufbau modularer und skalierbarer Stylesheets
- Einsatz erweiterter SCSS-Funktionen
- Optimierung großer Styles durch klare Strukturierung
4. Anwendung und Integration
- Erstellung kleiner SCSS-Projekte
- Kompilierung und Überprüfung generierter CSS-Dateien
- Nutzung von SCSS in Kombination mit HTML und JavaScript
- Vorbereitung für moderne Frontend-Workflows