Create a Simple Photo Gallery with Dropzonejs, Slick and PHP

  • Overview
  • Curriculum
  • Instructor
  • Review

About This Course

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.

  • 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

Instructors

Profile photo of Frahaan Hussain
Frahaan Hussain

I am CEO of Sonar Systems which is the world leader in educational material for the game engine Cocos2d-x, one of the best and most popular game engines in the world. With years of experience programming and running an online education platform (Sonar Learning) I can help and support new programming like you.I am also a University Lecturer teaching a...

Instructors

Profile photo of Terry Ogbemudia Osayawe
Terry Ogbemudia Osayawe

I love inspiring people through online courses. Since 2015, I've taught over 30,000 students online, and I'm thankful for each one.I have a bachelor's degree in Software Engineering from the University of East London and I'm a certified Oracle Database Professional (OCP). Teaching is my passion, and I love sharing my knowledge on different platforms.I've led high-quality training in areas...

Review
4.9 course rating
4K ratings
ui-avatar of Mark Prouty
Mark P.
3.5
2 years ago

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

  • Helpful
  • Not helpful
ui-avatar of Edgar Cesar Martinez Bazarte
Edgar C. M. B.
5.0
4 years ago

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

  • Helpful
  • Not helpful
ui-avatar of Andrew McLaren
Andrew M.
4.5
4 years ago

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!!

  • Helpful
  • Not helpful
ui-avatar of ALAIN PIERRE NGANKEU
Alain P. N.
5.0
6 years ago

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

  • Helpful
  • Not helpful
ui-avatar of Wendell Boyce
Wendell B.
5.0
6 years ago

explain well, great instructor, I can say he knows development tall.

  • Helpful
  • Not helpful
ui-avatar of Mark Truitt
Mark T.
3.0
7 years ago

Not bad if you have never used PHP to make a file uploader before. Bit on the entry side if you just want to see it work as he just runs through the code.

  • Helpful
  • Not helpful
ui-avatar of Joseph Cox
Joseph C.
5.0
7 years ago

Excellent course!!

The instructor is very knowledgeable about the subject matter and is able to present the concepts in a way that is easily understandable. I feel ready to implement the knowledge gain from the class.

  • Helpful
  • Not helpful
ui-avatar of Sahid Camara
Sahid C.
5.0
7 years ago

As always, another excellent tutorial. I have no reservations for enrolling in Terry's courses as i am certain that i will not be disappointed. Thanks again Terry for another create tutorial.

  • Helpful
  • Not helpful
ui-avatar of Ariel Gayorgor
Ariel G.
4.0
7 years ago

A really great feature to be added ony my planned website to be created. I will showcasing the different web design template using this course. Good and understandable. Easy to learn.

  • Helpful
  • Not helpful
ui-avatar of Constant Learning
Constant L.
5.0
7 years ago

Very clear explanation

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses