In diesem Kurs erlernen die Teilnehmenden die grundlegenden und fortgeschrittenen Prinzipien des Webdesigns, um ansprechende und benutzerfreundliche Layouts für moderne Websites zu erstellen. Der Schwerpunkt liegt auf der Anwendung von modernen CSS-Techniken zur Gestaltung flexibler und reaktionsfähiger Layouts, die auf verschiedenen Geräten und Bildschirmgrößen gut aussehen.
Im Anschluss an die Webdesign-Kompetenzen wird die Zusatzqualifikation in Grid und Flexbox behandelt, wobei die Teilnehmenden tiefgehende Kenntnisse in diesen leistungsstarken CSS-Layouts erwerben, um komplexe Designs effizient und mit wenig Code umzusetzen.
Kursinhalte:- Einführung in die Prinzipien des modernen Webdesigns und der Benutzererfahrung (UX)
- Grundlagen von CSS und modernen Layout-Techniken für Webdesign
- Erstellung flexibler Layouts mit Flexbox und den Möglichkeiten von Flexbox für responsive Designs
- Nutzung von CSS Grid zur Erstellung komplexer, zweidimensionaler Layouts
- Verständnis von Container- und Element-Ausrichtungen in Grid und Flexbox
- Kombination von Grid und Flexbox in einem Layout für optimale Flexibilität und Anpassungsfähigkeit
- Anwendung von Media Queries, um Layouts an verschiedene Bildschirmgrößen anzupassen
- Techniken zur Verbesserung der Performance von Layouts: Optimierung von Ladezeiten und Rendering
- Best Practices für Design-Systeme und wiederverwendbare Layouts mit CSS Grid und Flexbox
- Testing und Debugging von Layouts mit Browser Developer Tools
- Praktische Übungen: Gestaltung und Umsetzung eines vollständigen modernen Layouts mit Grid und Flexbox