Create Drag Drop File Uploader Online Courses
Create Drag Drop File Uploader Online Courses in Mauritius
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 an IT training company, that offers IT consulting along with a range of business services. Our training is conducted across multiple IT platforms. 2KO's courses are available world-wide by means of full time, hands-on classes, as well as online e-learning.
THIS ONLINE COURSE IS TEMPORARILY UNAVAILABLE
Price in Mauritian Rupee - as at 21 August | Rs 1,008 |
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