Fortgeschrittenes CSS: Animationen, Flexbox, SVG, 3D, SASS,…
Wenn du mich unterstützen möchtest: Wenn du den Kurs über den Link von mir hier kaufst, erhalte ich von Udemy eine höhere Verkaufs-Provision, als wenn der Kurs über die Platform aufgerufen und gekauft wird.
Udemy sagt mir hierbei zu, dass du den aktuell besten Preis erhälst, zu dem dieser Kurs aktuell auf dem Udemy-Marktplatz verkauft wird. Du solltest also über meinen Link nicht mehr bezahlen als wenn du den Kurs direkt über die Platform kaufst.
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.