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 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
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