Vielen Dank für die Zusendung Ihrer Anfrage! Eines unserer Teammitglieder wird Sie in Kürze kontaktieren.
Vielen Dank, dass Sie Ihre Buchung abgeschickt haben! Eines unserer Teammitglieder wird Sie in Kürze kontaktieren.
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
Erfahrungsberichte (1)
Ich habe Wissen über die Streamlit-Bibliothek von Python erworben und werde sie sicherlich verwenden, um Anwendungen in meinem Team zu verbessern, die mit R Shiny erstellt wurden.
Michal Maj - XL Catlin Services SE (AXA XL)
Kurs - GitHub Copilot for Developers
Maschinelle Übersetzung