Create A Simple Photo Gallery With Dropzonejs, Slick And Php

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

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

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.

Overview

Section 1: Introduction

Lecture 1 Welcome to the Course!

Lecture 2 Uploading files

Lecture 3 Displaying Uploaded files

Lecture 4 How to Review This Course

Lecture 5 Validation

Lecture 6 Seperating PHP Logic from Presentation

Lecture 7 Creating a Photo Gallery

Lecture 8 Styling the Photo Gallery

Lecture 9 Handling when no file has been uploaded

Lecture 10 Bonus Lecture - Discounts

Section 2: Adding Database Functionality

Lecture 11 Creating a Database and Connecting With PDO

Lecture 12 Save Image Path to Database During Upload

Lecture 13 Load Slider Images from the Database

Section 3: Admin Panel: Managing Uploaded Images

Lecture 14 Setup Admin Index Page With Bootstrap 4

Lecture 15 Display All Images From The Database In The Admin Panel

Lecture 16 Hide or Show Slider Images

Lecture 17 Deleting Image

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