Udemy

Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

Enroll Now
  • 6,528 Students
  • Updated 12/2019
4.4
(53 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 32 Minute(s)
Language
English
Taught by
Terry Ogbemudia Osayawe, Frahaan Hussain
Rating
4.4
(53 Ratings)
3 views

Course Overview

Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

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

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.

Course Content

  • 3 section(s)
  • 17 lecture(s)
  • Section 1 Introduction
  • Section 2 Adding Database Functionality
  • Section 3 Admin Panel: Managing Uploaded Images

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


Reviews

  • M
    Mark Prouty
    3.5

    Nice explanation of database and dropzone.js; however, the image display part could have been better.

  • E
    Edgar Cesar Martinez Bazarte
    5.0

    Excellent course. I like how the instructor explain all the code.

  • A
    Andrew McLaren
    4.5

    I have enjoyed many of his courses. There was a few spots I had trouble with the code but it was easily fixable and lots of help in the Q&A section. Greate course as usual!!

  • A
    ALAIN PIERRE NGANKEU
    5.0

    Une fois de plus Dropzonejs, slick m'ont permis de comprendre davantage ce projet d'envoi simple pour fichier, je recommande ce cours à ceux qui veulent envoyer des photos et les apercevoir dans une gallery

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed