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.
Dauer 14 Stunden
Schulungsübersicht
Einführung in die generative KI für das Front-End
- Was ist generative KI in der Softwareentwicklung?
- Überblick über Tools: ChatGPT, GitHub Copilot, Codeium usw.
- Vorteile und Einschränkungen von KI in der UI-Entwicklung
Promptbasierte UI-Generierung
- Erstellen von Prompts für HTML-Strukturen und Komponenten
- Generierung und Anpassung von CSS-Stilen mit KI
- Nutzung von KI zum Aufbauen interaktiver Elemente in JavaScript
Prototypisierung von Layouts mit generativen Tools
- Aufbau von Landingpages und Layouts mit mehreren Sektionen
- Prompts für responsive Design (Flexbox, Grid)
- Vorschau und Testen in CodePen oder ähnlichen Tools
Komponentisierung und Wiederverwendbarkeit
- Generieren wiederverwendbarer UI-Komponenten (Buttons, Karten, Formulare)
- Erstellung von Komponentenbibliotheken und Design-Systemen mit KI-Unterstützung
- Einsatz von KI in beliebten Frameworks (React, Vue, Tailwind)
KI-gestützte Code-Überprüfung und Fehlersuche
- Behebung von Layoutfehlern und Barrierefreiheitsproblemen mit LLMs
- Optimierung der Codeleistung von HTML/CSS/JS
- Erklärung von Fehlern und Vorschlag von Korrekturen über KI-Prompts
Kollaboratives Design und Content-Generierung
- Nutzung von KI zur Generierung von Platzhaltertexten, Copy und Platzhaltern
- Zusammenarbeit mit Designern zur gemeinsamen Erstellung von Wireframes und Stilen
- Exportieren KI-generierter Ideen in nutzbare HTML-Vorlagen
Projekt: Aufbau einer KI-gestützten Web-App
- Gestaltung der UI basierend auf einem Geschäfts-Prompt
- Aufbau von Komponenten und Interaktionen mit KI
- Verfeinerung, Test und Präsentation des Prototyps
Zusammenfassung und nächste Schritte
Voraussetzungen
- Grundlegendes Verständnis von HTML, CSS und JavaScript
- Vertrautheit mit Front-End-Frameworks oder Design-Systemen
- Interesse daran, KI einzusetzen, um UI/UX-Workflows zu beschleunigen
Zielgruppe
- Front-End-Entwickler
- UX-Engineers
- Webdesigner und kreative Techniker
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