Entdecken Sie die Kraft von Sass/SCSS und revolutionieren Sie Ihren CSS-Workflow. Lernen Sie fortgeschrittene Techniken für skalierbare und wartbare Stylesheets in modernen Webprojekten.
Grundlagen und Setup
  • Unterschiede zwischen Sass und SCSS
  • Entwicklungsumgebung einrichten
  • Compiler-Optionen und Build-Prozesse
  • Integration in bestehende Projekte
  • Debugging-Techniken für Sass/SCSS
Sass/SCSS Kernkonzepte
  • Variablen und deren Scope
  • Verschachtelung und BEM-Methodologie
  • Partials und Import/Use
  • Mixins vs. Extends
  • Maps und Listen
Fortgeschrittene Funktionen
  • Custom Functions erstellen
  • Kontrollstrukturen und Loops
  • Mathematische Operationen
  • Color-Funktionen und Manipulation
  • Parent Selectors und Referenzierung
Architektur und Organisation
  • 7-1 Pattern Implementation
  • Modulare Sass-Architektur
  • Naming Conventions
  • Global Styles vs. Komponenten
  • Performance-Optimierung
Responsive Design mit Sass
  • Media Query Mixins
  • Breakpoint-Management
  • Responsive Typography
  • Container Queries
  • Flexible Gridsysteme
Integration und Tooling
  • Node-Sass vs. Dart-Sass
  • Build Tools (Webpack, Gulp)
  • CSS-Frameworks integrieren
  • Source Maps
  • Linting und Formatierung
Best Practices und Patterns
  • Stylesheet-Organisation
  • Wiederverwendbare Komponenten
  • Performance-Optimierung
  • Code-Review Strategien
  • Dokumentation und Styleguides