Get a better CSS structure

Kurs: CSS at Scale – CSS-Architektur für grosse Projekte («CSCALE»)

CSS ist einer der Grundpfeiler des Webs. Die Anforderungen Ihres Projekts ändern sich ständig und Sie müssen schnell auf Anpassungen reagieren können. Wir zeigen Ihnen 10 Techniken für eine bessere CSS-Struktur.
Dauer1 Tag
Preis890.–
KursdokumenteKurs-Präsentation, Sammlung von Tools und Quellen

Inhalt

In diesem Kurs lernen Sie, wie Sie grosse Projekte mit Leichtigkeit meistern und immer den Überblick über Ihr modulares System bewahren. Sie lernen eine gemeinsame Sprache aufzubauen, um Ihre Team-Kommunikation zu verbessern. Zudem zeigen wir Ihnen die wichtigsten Tricks, wie Sie die grössten CSS-Fehler vermeiden. Kurz: Sie lernen, wie Ihnen CSS nicht mehr im Weg steht, sondern Ihr bester Freund wird. 
  • Projekte richtig einschätzen
  • Die richtigen CSS-Selektoren
  • Was ist Kaskade und Kontext
  • Was ist Vererbung und Spezifität
  • Modularisierung durch Komponenten basierten Aufbau
  • Umgang mit MediaQueries bei grossen Projekten
  • Projektstrukturierung nach «ITCSS Methode von Harry Roberts» https://csswizardry.com/
  • Was sind Design-Systeme
  • Wieso braucht man Atomic CSS
  • Welche Auswirkungen hat CSS auf Performance

Key Learnings

  • Managen von grossen Webprojekten mit Leichtigkeit 
  • Funktion von CSS und worauf man achten muss, damit das Projekt für andere im Team gut verständlich wird
  • Wissen, wieso ‹!important› Fluch und Segen ist
  • Aufbauen eigener modularer Projekte
  • Überblick über Performancemessung und deren Überwachung

Zielpublikum

Dieser Workshop richtet sich an Frontend-Entwickler, UX/UI-Designer und Backend-Entwickler, die mit komplizierten, langlebigen und ständig wachsenden Webseiten oder Web Apps arbeiten oder damit anfangen wollen.

Anforderungen

Um dem Kurs folgen zu können, sind Kenntnisse in CSS und SCSS vorteilhaft.
Weiterführende Kurse