Schulungsübersicht

Einführung in Generative AI für Front-End

  • Was ist generative KI in der Softwareentwicklung?
  • Überblick über Werkzeuge: ChatGPT, GitHub Copilot, Codeium, etc.
  • Vorteile und Grenzen von KI in der UI-Entwicklung

KI-gestützte UI-Erstellung basierend auf Anforderungen

  • Erstellen von Anfragen für HTML-Struktur und -Komponenten
  • Generieren und Modifizieren von CSS Stilen mit KI
  • Verwendung von KI zur Erstellung interaktiver Elemente in JavaScript

Prototyping Layouts mit Generativen Werkzeugen

  • Erstellen von Landing Pages und Mehrsektionslayouts
  • Anfragen für responsivem Design (Flexbox, Grid)
  • Vorschau und Test in CodePen oder vergleichbaren Werkzeugen

Komponentisierung und Wiederverwendbarkeit

  • Erstellen wiederverwendbarer UI-Komponenten (Schaltflächen, Karten, Formulare)
  • Schaffen von Komponentenbibliotheken und Designsuiten mit Hilfe der KI
  • Verwendung von KI in beliebten Frameworks (React, Vue, Tailwind)

KI-gestützte Codeprüfung und Debugging

  • Beheben von Layout-Fehlern und Barrierefreiheitsproblemen mit LLMs
  • Optimierung der Performance von HTML/CSS/JS-Code
  • Erklären von Fehlern und Vorschläge zur Behebung über KI-Anfragen

Kooperative Design- und Inhaltsgenerierung

  • Verwendung von KI zum Generieren von Stellvertreterinhalten, Kopien und Platzhaltern
  • Zusammenarbeit mit Designern zur Erstellung von Wireframes und Styles
  • Export von KI-generierten Ideen in benutzbare HTML-Vorlagen

Projekt: Bau einer KI-gestützten Webanwendung

  • Erstellen der UI basierend auf Geschäftsanforderungen
  • Erstellen von Komponenten und Interaktionen mit KI
  • Feinjustierung, Test und Präsentation des Prototyps

Zusammenfassung und Nächste Schritte

Voraussetzungen

  • Grundverständnis von HTML, CSS und JavaScript
  • Vertrautheit mit Front-End-Frameworks oder Designsystmen
  • Interesse daran, AI zur Beschleunigung von UI/UX-Prozessen zu verwenden

Zielgruppe

  • Frontendentwickler
  • UX-Ingenieure
  • Webdesigner und kreative Technologen
 14 Stunden

Teilnehmerzahl


Price per participant (excl. VAT)

Kommende Kurse

Verwandte Kategorien