Create a Drag & Drop File Uploader For Websites

Create a Drag & Drop File Uploader For Websites, available at $19.99, has an average rating of 4.45, with 13 lectures, based on 25 reviews, and has 297 subscribers.

You will learn about Set up a file upload and display server Create and style your own file uploader Add a drag and drop functionality to your file uploader Choose which files to accept and which to deny. Display uploaded files This course is ideal for individuals who are Web developers or Web designers or Entrepreneurs It is particularly useful for Web developers or Web designers or Entrepreneurs.

Enroll now: Create a Drag & Drop File Uploader For Websites

Summary

Title: Create a Drag & Drop File Uploader For Websites

Price: $19.99

Average Rating: 4.45

Number of Lectures: 13

Number of Published Lectures: 12

Number of Curriculum Items: 13

Number of Published Curriculum Objects: 12

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Set up a file upload and display server
Create and style your own file uploader
Add a drag and drop functionality to your file uploader
Choose which files to accept and which to deny.
Display uploaded files

Who Should Attend

Web developers
Web designers
Entrepreneurs

Target Audiences

Web developers
Web designers
Entrepreneurs

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.

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.

Course Curriculum

Chapter 1: Introduction to the Course

Lecture 1: Course Introduction

Chapter 2: Creating a Udemy Style Drag and Drop File Upload System

Lecture 1: Preparing the Server

Lecture 2: Styling

Lecture 3: Drag and Drop Hook

Lecture 4: Form Upload Hook

Lecture 5: Backend Upload

Lecture 6: JavaScript Upload Part 1

Lecture 7: JavaScript Upload Part 2

Lecture 8: Progress Bar

Lecture 9: Showing Processed Files

Chapter 3: Conclusion

Lecture 1: Conclusion

Chapter 4: Bonus Material

Lecture 1: Bonus Lecture

Instructors

Stone River eLearning
Over 1,000,000 Happy Students

Rating Distribution

1 stars: 1 votes
2 stars: 2 votes
3 stars: 0 votes
4 stars: 1 votes
5 stars: 21 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu