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 UI
Génération d'UI basée sur des prompts
- Création 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 créer des éléments interactifs en JavaScript
Prototypage de mises en page avec des outils génératifs
- Création de pages d'accueil et de mises en page multi-sections
- Prompts de conception réactive (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 conception avec l'aide de l'IA
- Utilisation de l'IA dans des frameworks populaires (React, Vue, Tailwind)
Revue et débogage de code assistés par l'IA
- Correction des bugs de mise en page et des problèmes d'accessibilité avec les LLMs (modèles linguistiques)
- Optimisation des performances du code HTML/CSS/JS
- Explication des erreurs et suggestions de corrections via des prompts d'IA
Conception collaborative et génération de contenu
- Utilisation de l'IA pour générer du contenu fictif, des copies et des espaces réservés
- Collaboration avec les concepteurs pour co-créer des maquettes et des styles
- Exportation des idées générées par l'IA en modèles HTML utilisables
Projet : Créer une application web scaffoldée par IA
- Conception d'UI basée sur un prompt métier
- Construction de composants et d'interactions en utilisant l'IA
- Affinage, tests et présentation du prototype
Résumé et étapes suivantes
Pré requis
- Connaissance de base de HTML, CSS et JavaScript
- Familiarité avec les frameworks front-end ou les systèmes de conception
- Intérêt pour l'application de l'IA pour accélérer les flux de travail UI/UX
Public cible
- Développeurs front-end
- Ingénieurs UX
- Concepteurs web et technologues créatifs
Nos clients témoignent (2)
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
Connaissances approfondies du conférencier sur l'utilisation avancée de Copilot et séance pratique suffisante et efficace
Tan - ViTrox Technologies Sdn Bhd
Formation - Intermediate GitHub Copilot
Traduction automatique