Kontakt aufnehmen

Schulungsübersicht

Einführung in generative KI für Front-End-Anwendungen

  • Was versteht man unter generativer KI im Kontext der Softwareentwicklung?
  • Übersicht gängiger Werkzeuge: ChatGPT, GitHub Copilot, Codeium usw.
  • Vor- und Nachteile von KI-Anwendungen im Bereich der UI-Entwicklung

Generierung von Benutzeroberflächen anhand natürlicher Sprachanweisungen

  • Erstellung passender Anweisungen für die Strukturierung und Komponenten in HTML
  • Generieren sowie Bearbeiten von CSS-Stilen mittels KI
  • Nutzung der KI zur Erstellung interaktiver Elemente mit JavaScript

Layout-Prototyping mit generativen Werkzeugen

  • Gestaltung von Landingpages sowie mehrteiligen Layouts
  • Anweisungen zur Erstellung responsiver Designs mittels Flexbox und Grid
  • Vorschau und Testen der Entwürfe in Tools wie CodePen oder ähnlichen Plattformen

Komponentenisierung sowie Wiederverwendbarkeit

  • Erzeugen wiederverwendbarer UI-Komponenten wie Schaltflachen, Karten oder Formulare
  • Entwicklung von Komponenten-Bibliotheken sowie Design-Systemen unter Mithilfe der KI
  • Einsatz der KI in gängigen Frameworks wie React, Vue oder Tailwind

Durch die KI unterstütztes Code-Review und Debugging

  • Beheben von Layout-Problemen sowie Barrierefreiheitsfehlern mit Hilfe großer Sprachmodelle
  • Verbesserung der Leistungsfähigkeit von HTML-, CSS- und JavaScript-Code
  • Analysieren von Fehlermeldungen sowie Erhalten von Optimierungsvorschlägen durch KI-Anfragen

Gemeinschaftliches Gestalten und Inhaltsgenerierung

  • Nutzung der KI zur Erstellung von Platzhaltertexten, Inhalten sowie Design-Vorschlägen
  • Zusammenarbeit mit Designer:innen an der Entwicklung von Wireframes und Stilen
  • Umwandeln KI-generierter Konzepte in praktisch einsetzbare HTML-Vorlagen

Projekt: Erstellung einer mittels KI konzipierten Webanwendung

  • Gestaltung der Benutzeroberfläche anhand vorgegebener Geschäftsanforderungen
  • Erstellung und Implementierung von Komponenten unter Nutzung KI-gestützter Hilfe
  • Finalisieren, Testen sowie Präsentation des Prototyps

Zusammenfassung und weitere Entwicklungsmöglichkeiten

Voraussetzungen

  • Grundkenntnisse in HTML, CSS und JavaScript
  • Vertrautheit mit gängigen Front-End-Frameworks oder Design-Systemen
  • Interesse daran, KI zur Beschleunigung von UI/UX-Prozessen einzusetzen

Zielgruppe

  • Front-End-Entwickler:innen
  • UX-Ingenieure
  • Webdesigner:innen und kreative Technologen
 14 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (1)

Kommende Kurse

Verwandte Kategorien