Kursinhalte

Einführung in die grundlegenden Konzepte der Webentwicklung – von Internet-Infrastruktur über Client-Server-Architektur bis zu den drei Säulen HTML, CSS und JavaScript. Inklusive praktischer Übung zur Erstellung einer ersten responsiven Portfolio-Seite.

Strukturierung von Portfolio-Websites – von klassischen Layouts über Informationsarchitektur bis zu User Experience Basics. Inklusive praktischer JavaScript-Einführung mit Lightbox-Implementierung und Wireframing-Übung.

Einführung in Figma als Design-Tool für Websites. Von grundlegenden Werkzeugen wie Frames und Auto Layout über Design-Prinzipien wie Typescales, Grids und Breakpoints bis zum Prototyping-Modus – alles Wichtige für die Gestaltung responsiver Designs.

Praktische Einführung in Framer als Tool zur Umsetzung von Portfolio-Websites. Der Workflow führt Schritt für Schritt durch den Prozess: vom Aufsetzen des Design Systems über das Erstellen der Navigation bis hin zur responsiven Anpassung für verschiedene Bildschirmgrößen. Ergänzend wird das CMS-System für Portfolio-Projekte und der Import aus Figma behandelt.