CSS ist eine der Kernsprachen für die Entwicklung von Websites. Während die Inhalte einer Website in HTML und XML festgelegt werden, sollten idealerweise die Gestaltungsvorgaben davon getrennt werden und sind daher in der Regel in separaten CSS-Dateien ausgelagert. CSS ermöglicht Gestaltungsweisen zum Beispiel für Layout, Farben und Typografie - aber CSS wird auch beständig um neue Features erweitert, zum Beispiel um Animationen für verschiedene Ausgabemedien.
Dieser moderne und umfangreiche Kurs vermittelt CSS auf einem fortgeschrittenen Niveau, sodass der Teilnehmer
nach dem Kurs diese Sprache auf einem hohen Komplexitätslevel beherrscht. Es werden zum Beispiel ausfahrbare
Seitenmenüs, Buttons, die weiteren Inhalt ausklappen, sowie dynamische Dialoge entwickelt, ohne dass JavaScript
benötigt wird. Der Teilnehmer hat nach Abschluss des Kurses ein
tiefergehendes Verständnis der Sprache erlangt und kann komplexe Layouts problemlos selbst umsetzen.
Der Teilnehmer lernt in diesem Kurs:
- die CSS-Grundlagen mit Vererbung, Spezifität, Cascading,
- Responsive Design, unter anderem Desktop-first, Mobile-first oder 1rem vs. 1em,
- Gradients als Farbverläufe, Hintergrundbilder oder Schriftfarben,
- flüssige Animationen als Hover-Effekt, @keyframes-Animationen und 3D-Animationen,
- Flexbox, also die elegante Platzierung von Elementen nebeneinander,
- CSS Grid für die automatische Platzierung von Elementen in einem Grid für zum Beispiel Responsive Designs,
- BEM-Components für wiederverwendbaren Code,
- Positionierung von Elementen, etwa die Überlagerung von Text auf einem Bild, sowie
- diverse CSS Tricks, zum Beispiel interaktive Menüs oder Tipps zum Debuggen.
Ferner wird dem Teilnehmer auch die eng mit CSS verbundene Sprache SASS vermittelt, um auch bei umfangreicheren Projekten den Überblick behalten zu können. Im Zuge dessen werden unter anderem Variablen, Mixins und die Abänderung von Farben (sass:color) besprochen.
Alle Inhalte werden in einem umfangreichen Beispielprojekt implementiert, sodass ihr praktischer Nutzen unmittelbar nachvollzogen werden kann.