Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Durée 14 heures
Plan du cours
Introduction à l'IA générative pour le front-end
- Qu'est-ce que l'IA générative dans le développement de logiciels ?
- Aperçu des outils : ChatGPT, GitHub Copilot, Codeium, etc.
- Avantages et limites de l'IA dans le développement d'interfaces utilisateur
Génération d'interfaces utilisateur basée sur des instructions
- Création d'instructions pour la structure HTML et les composants
- Génération et modification des styles CSS avec l'IA
- Utilisation de l'IA pour créer le squelette des éléments interactifs en JavaScript
Prototypage des mises en page avec des outils génératifs
- Création de pages d'atterrissage et de mises en page multi-sections
- Instructions pour la conception responsive (Flexbox, Grid)
- Aperçu et test dans CodePen ou des outils similaires
Composantisation et réutilisabilité
- Génération de composants d'interface utilisateur réutilisables (boutons, cartes, formulaires)
- Création de bibliothèques de composants et de systèmes de conception avec l'aide de l'IA
- Utilisation de l'IA dans des frameworks populaires (React, Vue, Tailwind)
Révision de code et débogage assistés par l'IA
- Correction des bugs de mise en page et des problèmes d'accessibilité avec les LLM
- Optimisation des performances du code HTML/CSS/JS
- Explication des erreurs et suggestions de corrections via des instructions d'IA
Conception collaborative et génération de contenu
- Utilisation de l'IA pour générer du contenu factice, du texte et des éléments placeholders
- Collaboration avec les concepteurs pour co-créer des maquettes et des styles
- Exportation des idées générées par l'IA dans des modèles HTML utilisables
Projet : Construction d'une application Web avec squelette IA
- Conception de l'interface utilisateur basée sur une instruction métier
- Construction des composants et des interactions à l'aide de l'IA
- Finition, test et présentation du prototype
Résumé et prochaines étapes
Pré requis
- Compréhension de base du HTML, du CSS et du JavaScript
- Familiarité avec les frameworks front-end ou les systèmes de conception
- Intérêt pour l'application de l'IA afin d'accélérer les flux de travail UX/UE
Public cible
- Développeurs front-end
- Ingénieurs UX
- Concepteurs Web et technologistes créatifs
Nos clients témoignent (1)
J'ai acquis des connaissances sur la bibliothèque Streamlit en Python et je vais certainement essayer de l'utiliser pour améliorer les applications de mon équipe qui sont actuellement développées avec R Shiny.
Michal Maj - XL Catlin Services SE (AXA XL)
Formation - GitHub Copilot for Developers
Traduction automatique