Bitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulung DhiWise KI-Workshop: High-Speed Pro-Code Entwicklung
Design-to-Code für Profis: Figma-Transformation auf Knopfdruck
Schulungsformen
Inhouse-/Firmenschulung
- 2 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Beschreibung
Unternehmen profitieren von einer massiv verkürzten Entwicklungszeit (Time-to-Market), da der repetitiven Frontend-Arbeit automatisiert werden. Sie behalten die volle Kontrolle über den Quellcode und vermeiden den gefürchteten "Vendor Lock-in". Durch den Einsatz von WiseGPT und automatisierten Logik-Flows wird die Fehlerquote gesenkt und das Engineering-Team kann sich auf die Lösung komplexer Business-Probleme konzentrieren, anstatt Zeit mit Boilerplate-Code zu verschwenden.
Erweitern Sie Ihr Wissen mit einem weiteren KI Kurs.
Schulungsziel
Die Teilnehmenden erlernen den vollständigen Workflow von der Figma-Anbindung bis zum Code-Export. Sie konvertieren Designs in sauberen Framework-Code, binden externe APIs an und synchronisieren das Ergebnis mit GitHub oder GitLab.
Details
Inhalt
- Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
- 1. DhiWise Ökosystem & Frameworks
- Plattform-Überblick: Die Rolle von DhiWise im modernen Entwicklungsstack.
- Framework-Support: Spezifika für React, Flutter, Kotlin (Android) und Swift (iOS).
- Pro-Code Philosophie: Warum DhiWise kein No-Code Tool ist.
- 2. Figma-to-Code Transformation
- Design-Vorbereitung: Best Practices für Figma-Files (Auto-Layout, Benennungskonventionen).
- Import-Prozess: Mapping von Design-Elementen auf funktionale Code-Komponenten.
- Code-Vorschau: Validierung der generierten UI-Struktur in Echtzeit.
- 3. API-Integration & Datenbindung
- Postman-Import: Einbindung von REST-APIs durch vorhandene Kollektionen.
- GUI-Data-Binding: Verknüpfung von API-Response-Daten mit UI-Elementen ohne Code.
- State-Management: Umgang mit dynamischen Inhalten innerhalb der Plattform.
- 4. WiseGPT: Der KI-Assistent für VS Code
- Setup: Installation und Integration von WiseGPT in die lokale Entwicklungsumgebung.
- Prompt-to-Code: Umwandlung technischer Anforderungen in präzise Funktionen.
- Debugging: KI-gestützte Fehlersuche und Optimierungsvorschläge direkt in der IDE.
- 5. Automatisierte App-Logik
- Navigation: Grafische Konfiguration von Screen-Übergängen und Deeplinks.
- Authentifizierung: Schnelles Setup von Social Logins (Google, Apple, Facebook).
- Berechtigungen: Rollenbasierte Zugriffskontrolle (RBAC) auf UI-Ebene definieren.
- 6. Code-Eigentum & Export-Optionen
- Export-Mechanismen: Übertragung des Codes in die lokale Entwicklungsumgebung.
- Framework-Struktur: Analyse der generierten modularen Verzeichnisstruktur.
- Wartbarkeit: Wie sauberer, handgeschriebener Code simuliert wird.
- 7. Git-Integration & Deployment
- Sync: Direkte Anbindung an GitHub und GitLab für CI/CD-Workflows.
- Version Control: Umgang mit Änderungen und Updates aus dem Designer-Team.
- Build-Prozess: Vorbereitung des generierten Codes für den App Store oder Web-Host.
- 8. Customizing & UI-Komponenten
- Themes: Anpassung von Farben, Fonts und globalen Styles zentral in DhiWise.
- Reusable Components: Erstellung von wiederverwendbaren Bausteinen für konsistentes Design.
- Asset-Management: Umgang mit Icons, Bildern und Lottie-Animationen.
- 9. Workflow-Optimierung (Dev & Design)
- Handoff: Verbesserung der Kommunikation zwischen Design und Technik.
- Iterationen: Wie Design-Änderungen effizient in den bestehenden Code fließen.
- Prototyping: Schnelle Erstellung funktionaler MVPs aus statischen Entwürfen.
- 10. Fortgeschrittene Logik & Lifecycle
- Events: Konfiguration komplexer Benutzerinteraktionen (OnClick, OnSwipe).
- Validierung: Einrichten von Formularprüfungen direkt in der Plattform.
- Lifecycle-Hooks: Verständnis der generierten Methoden für App-Starts und Updates.
- 11. Sicherheit & Best Practices
- Secret Management: Sicherer Umgang mit API-Keys und sensiblen Daten.
- Code-Reviews: Qualitätskontrolle des generierten Outputs nach Industriestandards.
- Performance: Vermeidung von unnötigem Code-Overhead.
- 12. Praxis-Workshop: „From Figma to Live App“
- Design-Task: Import eines Multi-Screen Figma-Designs.
- Logic-Task: Implementierung eines Login-Flows und einer API-gestützten Liste.
- Export-Task: Finalisierung des Codes in VS Code unter Einsatz von WiseGPT.
Zielgruppe & Vorkenntnisse
- Frontend- & Mobile-Entwickler: Zur Beschleunigung von UI-Implementierungen und Boilerplate-Reduktion.
- Full-Stack Entwickler: Zur schnellen Prototypisierung und Anbindung von Backends via REST-APIs.
- Tech Leads: Zur Standardisierung von Design-to-Code Prozessen im Team.
- UI/UX Designer: Zum Verständnis der technischen Voraussetzungen für entwicklungsreife Figma-Designs.
Ihre Schulung
In Präsenz | Online |
|---|---|
| Lernmethode | |
Ausgewogene Mischung aus Theorie und praktischen Übungen auf persönlichem Schulungs-PC. | Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent. |
| Unterlagen | |
Seminarunterlagen oder Fachbuch inklusive. Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. | Seminarunterlagen oder Fachbuch inklusive (via DHL). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. |
| Arbeitsmaterialien | |
Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmezertifikat | |
Nach Abschluss des Seminars erhalten Sie das Teilnahmezertifikat inkl. Inhaltsverzeichnis per E-Mail als PDF. | |
Organisation
In Präsenz | Online | |
|---|---|---|
| Teilnehmendenzahl | ||
min. 1, max. 8 Personen | ||
| Garantierte Durchführung * | ||
Ab 1 Teilnehmenden | ||
| Schulungszeiten | ||
| ||
| Ort der Schulung | ||
 GFU SchulungszentrumAm Grauen Stein 27 51105 Köln-Deutz oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden. Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen. | ||
| Räumlichkeiten | ||
Helle und modern ausgestattete Räume mit perfekter Infrastruktur | Bequem aus dem Homeoffice von überall | |
| All-Inclusive | ||
Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch | Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen via DHL zu. | |
| Barrierefreiheit | ||
Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei | - | |
Kostenfreie Services
In Präsenz | Online |
|---|---|
|
|
Buchungsmöglichkeiten
Online oder in Präsenz teilnehmen
Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Was bedeutet Offene Schulung und Inhouse Schulung?
Bei einer offenen Schulung stehen Ort und Termin vorab fest. Jeder Interessent kann eine offene Schulung buchen, daher treffen Teilnehmer aus verschiedenen Unternehmen aufeinander.
Inhouse Schulungen können auf Ihren individuellen Schulungsbedarf zugeschnitten werden. Sie bestimmen den Teilnehmerkreis, Termin und Schulungsort.
Ist eine Inhouse Schulung die richtige Wahl?
Bei einer Inhouse Schulung gehen wir auf die individuellen Bedürfnisse Ihres Unternehmens ein und decken den Schulungsbedarf direkt bei Ihnen im Unternehmen ab.
Das spart Zeit und Geld und sorgt für einen schnellen Wissenstransfer Ihrer Mitarbeiter.
Wer kümmert sich um die Technik bei Inhouse Schulungen?
Eine komplette Lernumgebung in der Cloud mit Remote Zugriff ist für uns selbstverständlich. Sie müssen sich um nichts kümmern. Lediglich ein funktionierender PC oder Notebook mit Internetanschluss sollte für jeden Teilnehmer am Schulungstag bereit stehen.
Vorteile einer Inhouse Schulung
- Kompetente Seminarberatung
- Dozenten aus der Praxis
- Auf Ihre Bedürfnisse zugeschnittener individueller Lernstoff
- Sie können den Termin flexibel gestalten, so wie es für Sie am besten passt
- Unsere Inhouse Schulungen können Europaweit durchgeführt werden
- Der Fokus liegt auf Ihrem Schulungsbedarf, somit schonen Sie Ihr Budget
- Wissenslücken Ihrer Mitarbeitet werden schnell geschlossen