Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Create a Simple Photo Gallery with Dropzonejs, Slick and PHP
Rating: 4.4 out of 5(53 ratings)
6,528 students

Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

Learn Multi-file Upload With Admin Panel and Database Interactivity From Scratch.
Last updated 12/2019
English

What you'll 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

Course content

3 sections17 lectures1h 32m total length
  • Welcome to the Course!4:21

    Course overview

  • Uploading files6:11

    In this lecture you'll understand the project structure and upload file using Dropzonejs and PHP

  • Displaying Uploaded files3:35

    In this lecture you'll how to display uploaded files using PHP

  • How to Review This Course0:07
  • Validation9:45

    In this lecture you'll learn how to hook up with DropzoneJs Library in order to validate files before uploading.

  • Seperating PHP Logic from Presentation5:55

    In this lecture you'll learn how to easily separate PHP logic from presentation

  • Creating a Photo Gallery8:47

    In this lecture you'll learn how to add a simple but powerful photo gallery

  • Styling the Photo Gallery3:04

    Add style to the gallery to make it look nice

  • Handling when no file has been uploaded2:58

    In this lecture you'll how to handle a situation when there is no file to display and show appropriate message to the end user

  • Bonus Lecture - Discounts2:01

    Checkout my other courses on devscreencast dot com, we are currently doing an MVC eCommerce store from scratch, go check it out

Requirements

  • Computer with internet connections
  • Already Setup PHP Development Environment

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.

Who this course is for:

  • 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