Version 0.18 m. d. B. u. Ktn. u. z. w. V.

Workshop: CSS besser strukturieren mit BEM

Auch in großen Projekten mit CSS strukturiert, berechenbar und flexibel arbeiten

Die Arbeit mit CSS wird in wachsenden Projekten schnell frustrierend. Die Übersicht geht schnell verloren. Unsauberes Überschreiben greift schnell um sich, aus Sorge um unerwünschte Nebeneffekte. Methoden wie BEM können helfen, auch in großen Projekten mit CSS strukturiert, berechenbar und flexibel zu arbeiten.

In diesem Workshop werden wir die Grundprinzipien von BEM (was für Block, Element, Modifier steht) erkunden und lernen, wie Sie diese Methode auf Ihre eigenen Stylesheets anwenden können.

In diesem Workshop werden Sie erfahren, wie Sie Designs und Layouts gemeinsam in klare Blöcke unterteilen, eindeutige Klassennamen vergeben und Modifikatoren nutzen, um Ihren Code flexibel anzupassen.

Wir werden gemeinsam sehen, wie BEM Stilkonflikte und lange Selektoren vermeidet, die Wiederverwendbarkeit Ihrer Styles verbessert und die Skalierbarkeit Ihrer Projekte erhöht. So lässt sich die Wartbarkeit deutlich verbessern und Einarbeitungszeiten erheblich verringern.

Der Workshop bietet Ihnen die Möglichkeit, BEM in einer praktischen Umgebung zu erproben. Sie werden aktiv an Übungen und Style-Herausforderungen teilnehmen, um das Gelernte direkt anzuwenden.

Darüber hinaus werden wir direkt mit neuen, modernen CSS-Features arbeiten, die sicherlich für viele Teilnehmer im Alltag äußerst praktisch sein werden.

Hinweis: Vorkenntnisse in HTML und CSS sind zwingend erforderlich.

Info

Day: 2023-08-06
Start time: 10:00
Duration: 02:00
Room: C118
Track: Web Development
Language: de

Links:

Files

Concurrent Events