Laravel File Storage - Créer une galerie d'images

Name: Laravel File Storage - Créer une galerie d'images
Rating: 4.6 (13 reviews)

Utiliser le système de File Storage de Laravel

Created byLE CORRE Fabien

Last updated 8/2020

French

French [Auto],

What you'll learn

Créer une galerie d'image avec Laravel
Utiliser un disque de stockage
Uploader un fichier
Valider un formulaire
Sauvegarder un fichier sur un disque
Redimensionner une image
Récupérer des informations sur une image
Stocker des informations en base de données
Supprimer un fichier
Télécharger un fichier
Utiliser Axios
Ecouter la progression d'upload d'un fichier
Mettre en place une progress bar
Utiliser Fancybox3 pour faire une lightbox
Utiliser Laravel Mix et faire du cache busting
Installer des dépendances Javascript
Utiliser des dépendances Javascript
Confirmer avant de supprimer un fichier

Course content

5 sections • 22 lectures • 3h 24m total length

Introduction5:19
Présentation et introduction à la formation
Demo4:02
Démonstration du résultat final

Installation et configuration5:39
Installation et configuration de Laravel 6, ainsi que de la base de données.
Model, Controller et Migration5:33
Création en ligne de commande du Model, du Controller et d'un fichier de migration afin de créer une table en base de données.
Controller et routing5:59
Création des fonctions du Controller. Lier les routes aux fonctions du controller.
Création d'un layout avec Blade6:46
Création du layout de la page principale

Passage des données et formulaire10:03
Passage des données du Controller à la view et création du formulaire d'upload de fichiers.
Package Intervention/Image4:35
Installation et configuration du package Intervention/Image pour manipuler les images.
Validation du formulaire d'upload14:00
Validation du formulaire, et affichage des erreurs dans la view.
Sauvegarde et manipulation des images30:00
Sauvegarde, redimensionnement et récupération des informations d'une image. Affichage d'un message de succès.
Afficher les photos et leurs données3:58
Affichage des photos et de leurs données respectives. Affichage de la date en français.
Téléchargement des photos7:03
Téléchargement d'une photo. Création d'un formulaire prévu à cet effet.
Suppression d'une photo5:17
Suppression d'une photo, de sa miniature et de son entrée en base de données. Affichage d'un message de succès.
Conversion en Mo du poids d'une photo2:59
Conversion du poids d'une image en bytes en Mo et affichage du poids dans la view.
Pagination3:03
Afficher les liens de pagination en bas de page.

Installation de NodeJS et de Yarn5:03
On voit comment installer NodeJS et Yarn pour pouvoir installer les dépendances JS
Laravel Mix16:44
On configure et on utilise Mix pour compresser le Javascript et utiliser la technique du Cache Busting.
Suppression d'une photo en AJAX24:17
On supprime les photos en AJAX avec confirmation avant de supprimer la photo, et on affiche les messages d'erreur ou de succès en Javascript selon la réponse du serveur.
Progress bar3:43
On ajoute une progress bar au-dessous du formulaire.
Axios34:04
On découvre Axios et on l'utilise pour écouter la progression de l'upload d'un fichier et afficher cette progression via la progress bar. On récupère les messages d'erreur ou de succès du serveur pour les afficher dans la view.
Fancybox5:59
On installe le plug-in jQuery Fancybox3 afin de créer une Lightbox sur notre galerie de photos.

Requirements

Des connaissances de bases en PHP/MySQL
Des connaissances bases en HTML/CSS
Niveau débutant avec Laravel
Des connaissances de base en Javascript, jQuery

Description

Dans cette formation Laravel en vidéo, vous apprendrez à vous servir du système de File Storage de Laravel au travers de la création d'une application de galerie photos.

A la fin de cette formation, vous serez capable de mettre en place un formulaire d'upload, de valider les données postées via ce formulaire et de les insérer en base de données.

Vous serez également capable de redimensionner des images en gardant leur ratio, c'est à dire sans les couper ni les déformer par rapport à l'image d'origine, vous saurez également récupérer les dimensions, ainsi que le poids des images, puis leur chemin et leur URL.

Vous saurez comment mettre en place la possibilité de télécharger une image en cliquant sur un bouton, et vous saurez aussi comment les supprimer du serveur et de la base de données.

Nous aborderons également une partie Javascript dans laquelle vous apprendrez à utiliser Laravel Mix afin de minifier et versionner vos fichiers Javascript, et à installer des dépendances Javascript à l'aide de NPM ou Yarn.

Vous utiliserez le client HTTP Axios, afin d'uploader vos fichiers en AJAX et d'implémenter une progress bar indiquant la progression d'upload du fichier en temps réel.

Vous serez aussi capable de gérer les erreurs et de les afficher en fonction des codes HTTP renvoyés par le serveur.

Enfin, pour finir, vous verrez comme il est facile de mettre en place une Lightbox afin d'apporter un plus à vos visiteurs.

Cette formation s'adresse à tous les développeur débutants ou non, qui désirent savoir comment utiliser le système de Storage de Laravel.

Je vous souhaite une bonne formation, je reste disponible pour répondre à vos éventuelles questions.

Who this course is for:

Développeur débutant Laravel, désirant connaître l'upload et le stockage de fichiers avec le système de File Storage de Laravel

Laravel File Storage - Créer une galerie d'images

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 9min

Installation, configuration et préparation du terrain4 lectures • 24min

On code l'application PHP avec Laravel9 lectures • 1hr 21min

On continu avec du Javascript6 lectures • 1hr 30min

Conclusion et fichiers sources1 lecture • 1min

Requirements

Description

Who this course is for: