Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

Learn Multi-file Upload With Admin Panel and Database Interactivity From Scratch.

Ratings: 4.61 / 5.00




Description

DropzoneJS is a helpful and open source tool designed to make uploading files to a website easier. It stands out because it lets you just drag and drop files into it, and it shows previews of images as soon as you upload them. This feature is especially useful for those who need to handle file uploads on their websites efficiently.

In this focused and short course, you will delve into how to use DropzoneJS effectively. The course is structured in a way that you will first learn how to integrate DropzoneJS into the front end of a website for uploading files. This means you'll be able to see how files, especially images, can be added to a website by simply dragging and dropping them into a designated area.

The course also covers the use of PHP, a widely-used programming language, for processing these files on the back end. This means after the files are uploaded using DropzoneJS, PHP will take over to manage these files on the server.

A key part of the course involves learning how to check (or validate) files during the upload process. This is crucial for ensuring that only the right types of files are uploaded and that they meet certain criteria, like size or format.

Another exciting aspect of this course is teaching you how to create a photo gallery. This isn't just any gallery, but one that uses the slick carousel - a popular tool for making sliding image displays. You'll learn how to control which images appear in this slider through an admin panel. This includes setting conditions for displaying certain images and also the ability to delete images from the gallery.

However, to take this course, you need to have a PHP development environment already set up on your computer.

What You Will Learn!

  • Upload multiple files and create a nice gallery from uploaded files
  • Learn how to validate image upload even with drag and drop function
  • Learn how to seperate PHP logic from presenatation
  • Learn how to use Slick Carousel
  • Drag n drop with preview
  • Access to my Introduction to Programming in PHP Course on Devscreencast dot com
  • Learn How to store image path in MySQL
  • Dynamically determine which images will be shown on the slider and which images will be hidden
  • Build a lightweight admin panel with update and delete functions and Bootstrap 4

Who Should Attend!

  • Anyone who wants to learn about DropzoneJs Library
  • Anyone who wants to learn how to create a photo gallery
  • Anyone who wants to learn how to upload and read images with PHP
  • Anyone who wants to learn how to build a lightweight admin panel for managing images