Ce que vous devez savoir avant
Vous commencez

Débute 4 June 2026 10:09

Se termine 4 June 2026

00 Jours
00 Heures
00 Minutes
00 Secondes
course image

Créer une application web de génération d'images avec Django

Découvrez comment créer une interface web élégante pour la génération d'images par IA en utilisant Django, HTML, CSS et JavaScript avec des onglets interactifs et des fonctionnalités d'historique utilisateur.
via CodeSignal

177 Cours


1 hour

Amélioration optionnelle disponible

Intermédiaire

Progressez à votre rythme

Free Certificate

Amélioration optionnelle disponible

Aperçu

Enhance your image generation service with a sleek, interactive web interface! This course will guide you through building a user-friendly frontend for your AI-powered image generation service using Django, HTML, JavaScript, and CSS.

Programme

  • Unité 1 : Créer une application web de génération d'images avec Django
  • Mettre en place la structure HTML de base pour une application Django
    Ajouter une navigation par onglets au générateur de bannières événementielles AI
    Implémenter l'interface de l'onglet de génération d'image
    Implémenter l'onglet d'historique pour le générateur de bannières événementielles AI
    Inclure un fichier JavaScript avec la balise statique Django
  • Unité 2 : Introduction au CSS dans notre application Django
  • Styliser l'élément body avec CSS pour un affichage centré
    Améliorer le style du conteneur avec CSS
    Styler la navigation par onglets interactive avec CSS
    Styler les éléments de formulaire pour améliorer l'expérience utilisateur
    Styler les zones d'affichage des médias
  • Unité 3 : Implémenter l'interactivité côté client dans une application web Django
  • Implémenter la navigation par onglets en JavaScript pour une application web Django
    Créer la structure de base pour la fonction generateImage
    Améliorer la génération d'image avec la validation des entrées et les mises à jour de l'interface utilisateur
    Implémenter l'appel API pour la génération d'images en utilisant Fetch API
    Compléter le traitement de la réponse API pour le générateur d'images
  • Unité 4 : Ajouter un onglet d'historique utilisateur dans une application web Django
  • Créer la structure HTML pour l'onglet d'historique d'images
    Initialiser les éléments d'interface utilisateur dans la fonction fetchHistory
    Implémenter l'appel API de la fonction fetchHistory
    Implémenter la fonctionnalité d'affichage de l'historique d'images
    Ajouter la gestion des erreurs à la fonction fetchHistory

Matières

Programming