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 logiciel ?
- Avantages et limites de l'IA dans le développement des interfaces utilisateur
Génération d'interfaces utilisateur basée sur des prompts
- Création de prompts pour la structure HTML et les composants
- Génération et modification des styles CSS avec l'IA
- Utilisation de l'IA pour générer des éléments interactifs en JavaScript
Prototypage de maquettes avec des outils génératifs
- Construction de pages d'atterrissage et de maquettes à plusieurs sections
- Prompts pour le design responsive (Flexbox, Grid)
- Aperçu et tests dans CodePen ou des outils similaires
Composants et réutilisabilité
- Génération de composants UI réutilisables (boutons, cartes, formulaires)
- Création de bibliothèques de composants et de systèmes de design avec l'aide de l'IA
- Utilisation de l'IA dans les frameworks populaires (React, Vue, Tailwind)
Revue 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 prompts IA
Design collaboratif et génération de contenu
- Utilisation de l'IA pour générer du contenu factice, des textes et des espaces réservés
- Travail avec les concepteurs pour co-créer des wireframes et des styles
- Export des idées générées par l'IA dans des modèles HTML utilisables
Projet : Construction d'une application web générée par l'IA
- Conception de l'interface utilisateur basée sur un prompt 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
- Comprehension de base du HTML, du CSS et du JavaScript
- Familiarité avec les frameworks front-end ou les systèmes de design
- Intérêt pour l'application de l'IA afin d'accélérer les flux de travail UI/UX
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