Mini FullStack #1: Formulaire d'upload

Dans ce mini-projet fullstack, nous allons créer un formulaire d'upload permettant à un utilisateur de :

  • Envoyer une image qui sera stockée physiquement dans un dossier sur le serveur.
  • Enregistrer dans une base de données MySQL des informations comme le nom du fichier ou la date d'upload.
  • Pour réaliser ce projet, nous utiliserons un ensemble de technologies complémentaires : HTML, CSS, JavaScript, PHP et SQL.
  • La communication entre le Front-end et le Back-end sera assurée par une fonction asynchrone exploitant l'API Fetch de JavaScript.

Dans ce tuto formulaire d'upload
  • Créer un formulaire d'upload d'images fonctionnel.
  • Gérer la liaison entre le Front et le Back avec des appels API asynchrones.
  • Stocker des données dans une base MySQL et gérer les fichiers côté serveur.
  • Ajouter une animation d'attente en CSS pour une meilleure expérience utilisateur.

  • Durée de ce tuto: 2H15min
  • Tarif de ce tuto: 30 €
  • Date de ce tuto: 2025-04-21

Il y a actuellement 377 tutos

Il y a actuellement 25 bundles

Formation frontend :

Formation backend :

Formation logiciel :

Formation CMS

Carl Brison Formateur, Développeur et Auteur

Tuto. Mini FullStack #1: Formulaire d'upload

Tutos qui pourraient vous intéresser

Bienvenue sur mon site. En poursuivant votre visite, vous accepez l'utilisation des cookies. Plus d'infos