Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

4.2 ★★★★ ★

Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

Name: Create a Simple Photo Gallery with Dropzonejs, Slick and PHP
Rating: 4.2 (125 reviews)
Author: Ogbemudia Terry Osayawe

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

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Ogbemudia Terry Osayawe

category icon Web Development,PHP

Lectures -17

Resources -3

Duration -1.5 hours

4.2 ★★★★ ★

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course 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

Goals

What will you learn in this course:

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

Prerequisites

What are the prerequisites for this course?

Computer with internet connections
Already Setup PHP Development Environment

Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
10 Lectures

Welcome to the Course! 04:21 04:21
Uploading files 06:11 06:11
Displaying Uploaded files 03:35 03:35
Uploading Multi FIles 09:56 09:56
Validation 09:45 09:45
Seperating PHP Logic from Presentation 05:55 05:55
Creating a Photo Gallery 08:47 08:47
Styling the Photo Gallery 03:04 03:04
Handling when no file has been uploaded 02:58 02:58
Downloadable Resource

Adding Database Functionality
3 Lectures

Admin Panel: Managing Uploaded Images
4 Lectures

Instructor Details

Ogbemudia Terry Osayawe

Software engineer and teacher

My passion is inspiring people through online courses. Since 2015, over 30,000 students have taken my online courses - and I'm so grateful to every single one of you

I graduated with a bachelor's degree in Software Engineering from the University of East London, and I'm also a certified Oracle Database Professional (OCP). I'm passionate about teaching and sharing my knowledge on various platforms.

I facilitated high-end training in Web and Software Development, Oracle Database, Linux Operating System, and Oracle Financial 11i.

Course Certificate

Use your certificate to make a career change or to advance in your current career.