In diesem Kurs lernen die Teilnehmenden, wie sie ansprechende, benutzerfreundliche Layouts für Websites und Webanwendungen erstellen. Der Fokus liegt auf der Anwendung moderner Webdesign-Techniken, die es ermöglichen, flexible und anpassungsfähige Designs zu entwickeln, die auf allen Geräten gut aussehen.
Im Anschluss an die Webdesign-Kompetenzen wird die Zusatzqualifikation in dynamischen Styles behandelt. Die Teilnehmenden lernen, wie sie mit CSS und JavaScript interaktive und dynamische Stile erstellen, die auf Benutzerinteraktionen und verschiedene Zustände reagieren und so die Benutzererfahrung verbessern.
Kursinhalte:- Einführung in die Prinzipien des modernen Webdesigns und der Benutzererfahrung (UX)
- Erstellung von Layouts mit Flexbox und CSS Grid für responsive Designs
- Grundlagen von dynamischen Styles und deren Anwendung für interaktive Webanwendungen
- Verwendung von CSS-Animationen und Transitionen, um visuelle Effekte zu erzeugen
- Dynamische Anpassung von Layouts und Stilen mit JavaScript und CSS Variablen
- Erstellung von interaktiven Elementen, die auf Benutzeraktionen (Hover, Click) reagieren
- Optimierung von Ladegeschwindigkeiten und Performance bei der Verwendung dynamischer Styles
- Einführung in das Konzept von Zustand und Interaktivität durch JavaScript und CSS
- Best Practices für die Gestaltung von dynamischen Interfaces und UI-Elementen
- Testing und Debugging von dynamischen Weblayouts mit Browser Developer Tools
- Praktische Übungen: Erstellung eines interaktiven und dynamischen Layouts mit CSS und JavaScript