Kontakt aufnehmen

Schulungsübersicht

Einführung in Generative AI in der Front-End-Entwicklung

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

Promptbasierte UI-Generierung

  • Erstellung von Prompts für HTML-Strukturen und Komponenten
  • Generieren und Ändern von CSS-Stilen mit KI
  • Nutzung von KI zum Erstellen interaktiver Elemente in JavaScript

Prototyping von Layouts mit generativen Tools

  • Erstellung von Landing Pages und mehrabschnittigen Layouts
  • Prompts für responsives Design (Flexbox, Grid)
  • Vorschau und Testen in CodePen oder ähnlichen Tools

Komponentisierung und Wiederverwendbarkeit

  • Generieren wiederverwendbarer UI-Komponenten (Buttons, Karten, Formulare)
  • Erstellen von Komponentenbibliotheken und Designsystemen mit KI-Hilfe
  • Einsatz von KI in beliebten Frameworks (React, Vue, Tailwind)

KI-unterstützte Codeüberprüfung und Debugging

  • Behebung von Layout-Bugs und Zugänglichkeitsproblemen mit LLMs
  • Optimierung der Performance von HTML/CSS/JS-Code
  • Erläuterung von Fehlern und Vorschlag von Fixes durch KI-Prompts

Zusammenarbeit im Design und Inhaltsgenerierung

  • Nutzung von KI zur Generierung von Dummy-Content, Kopietexten und Platzhalterinhalten
  • Zusammenarbeit mit Designern zum gemeinsamen Erstellen von Wireframes und Stilen
  • Exportieren von KI-generierten Ideen in nutzbare HTML-Templates

Projekt: Erstellung einer durch KI unterstützten Web-App

  • Designen der UI basierend auf geschäftlichen Anforderungen (Prompts)
  • Erstellen von Komponenten und Interaktionen mit Hilfe von KI
  • Verfeinern, Testen und Präsentieren des Prototyps

Zusammenfassung und nächste Schritte

Voraussetzungen

  • Grundlegende Kenntnisse in HTML, CSS und JavaScript
  • Vertrautheit mit Front-End-Frameworks oder Designsystemen
  • Interesse an der Anwendung von KI zur Beschleunigung von UI/UX-Arbeitsabläufen

Zielgruppe

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

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (1)

Kommende Kurse

Verwandte Kategorien