Create a Simple Photo Gallery with Dropzonejs, Slick and PHP
4.7 (46 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6,495 students enrolled

Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

Learn Multi-file Upload With Admin Panel and Database Interactivity From Scratch.
4.7 (46 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6,495 students enrolled
Last updated 12/2019
English
English [Auto-generated]
Current price: $16.99 Original price: $24.99 Discount: 32% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 1 article
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Expand all 17 lectures 01:32:04
+ Introduction
10 lectures 46:44

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

Uploading files
06:11

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

Displaying Uploaded files
03:35
How to Review This Course
00:07

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

Validation
09:45

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

Preview 05:55

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

Creating a Photo Gallery
08:47

Add style to the gallery to make it look nice

Styling the Photo Gallery
03:04

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

Preview 02:58

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

Bonus Lecture - Discounts
02:01
+ Adding Database Functionality
3 lectures 14:01

In this lecture, you will set up a database, a table and establish a connection to the database using PDO.

Creating a Database and Connecting With PDO
05:33

In this lecture you will learn how to save the path of each uploaded image to the database.

Save Image Path to Database During Upload
04:14

In this lecture, you will modify the display image code so that slider images are retrieved from the database.

Load Slider Images from the Database
04:14
+ Admin Panel: Managing Uploaded Images
4 lectures 31:19

In this lecture you will set up things to display admin panel index page using Bootstap 4

Setup Admin Index Page With Bootstrap 4
06:19

In this lecture we display all uploaded images in the admin panel with action buttons.

Display All Images From The Database In The Admin Panel
09:48

In this lecture you learn how to program the functionality that determines which images are showing or hidden in the slider.

Hide or Show Slider Images
09:53

In this lecture you will learn how to delete images permanently from the database, upload directory and slider.

Deleting Image
05:19
Requirements
  • Computer with internet connections
  • Already Setup PHP Development Environment
Description

DropzoneJS is an open source library that offers an easy way to upload files with drag’n’drop and image previews functionality.

In this short snippet course you will learn how to use DropzoneJs as the front end for file upload and PHP for back-end processing.

After learning how to validate files during upload you will then learn how to create a sweet photo gallery using slick carousel with admin panel to manage which image get shown on the slider based on a defined condition and also deleting images from the system.

To take this course you need to already have PHP development environment setup on you computer, if you don't know how to go about setting up PHP I have a free introductory course to PHP on my website devscreencast dot com slash courses SIGNUP is required.

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