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 ?
- Aperçu des outils : ChatGPT, GitHub Copilot, Codeium, etc.
- Avantages et limites de l'IA dans le développement d'interfaces
Génération d'interfaces basée sur les prompts
- Formulation de prompts pour la structure HTML et les composants
- Génération et modification de styles CSS avec l'IA
- Utilisation de l'IA pour générer des éléments interactifs en JavaScript
Prototypage des mises en page avec des outils génératifs
- Création de pages d'accueil et de mises en page multi-sections
- Prompts pour le design responsive (Flexbox, Grid)
- Prévisualisation et test dans CodePen ou des outils similaires
Composants et réutilisabilité
- Génération de composants d'interface 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 des contenus fictifs, des textes et des placeholders
- Collaboration avec les designers pour co-créer des maquettes et des styles
- Export des idées générées par l'IA vers des modèles HTML exploitables
Projet : Construction d'une application web soutenue par l'IA
- Conception de l'interface basée sur un prompt métier
- Construction de composants et d'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, CSS et 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
- Designers web et techniciens 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