Create Drag Drop File Uploader Online Courses

Create Drag Drop File Uploader Online Courses in South Africa

 

 

Have you ever wondered how Udemy created their great file uploader for instructors? This course shows you how to build your own file uploader with the advanced feature of drag and drop uploading. In this course you will learn how to set up your upload server, set the style of your upload page, display an upload progress bar, and write the JavaScript code to make it all come together. 2KO Africa is a network of companies that offers a substantial series of computer courses across the entire African region, and is a leading provider of internationally recognised online IT training, online, IT training.

 

Technical Description

Create a multiple file uploader using the HTML5 Drag & Drop API, with a multiple file selection if not supported. You'll create a reusable JavaScript AJAX uploader that works with any backend language that can upload files and output JSON, although we'll be using PHP here. Finally, we'll pull this all together by using the reusable uploader code to output which files have been uploaded and which ones failed.

 

Technologies and Languages Used

PHP

JavaScript

AJAX

CSS

HTML5

 

Real World Uses

This file uploader can be used in creating an online learning platform like Udemy or on any other type of website in which file uploads are important. Learning this skill we keep you head and shoulders above the rest of the web dev flock.

 

Class Curriculum 

Introduction to the Course

Course Introduction

 

Creating a Udemy Style Drag and Drop File Upload System

Preparing the Server

Styling

Drag and Drop Hook

Form Upload Hook

Backend Upload

JavaScript Upload Part 1

JavaScript Upload Part 2

Progress Bar

Showing Processed Files