Advanced Drag and Drop uploader and Cropping System
5.0 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
20 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Advanced Drag and Drop uploader and Cropping System to your Wishlist.

Add to Wishlist

Advanced Drag and Drop uploader and Cropping System

Learn how to create drag & drop uploading and cropping system from scratch to advance
5.0 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
20 students enrolled
Created by Faraz Abbas
Last updated 6/2016
Current price: $12 Original price: $60 Discount: 80% off
4 days left at this price!
30-Day Money-Back Guarantee
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Learn Advanced DOM Interactions
  • Learn how to create Advanced and modern uploading systems
  • Learn how to create great Image Cropping feature
  • how to perform and manage Ajax request using JS and Jquery Both
  • Learn how to use Modern PHP5 and PHP7 Functions
View Curriculum
  • Student should have knowledge in PHP, MySQL, CSS, HTML, Jquery, Javascript, and Ajax

This Course is all about taking your programming career to the next level and learn modern web development technique such as drag and drop uploading as well as great cropping feature using advanced web technologies in just few hours.

We do not want you to waste your time on watch 50+ lectures on learning it, so my call is that, "less lectures, more knowledge". 

  • We'll gonna learn Adavnced Programming in Details.
  • We'll be using PHP as a programming language for server side programming and MySqli for Database, both are pretty popular and easy to use.
  • We'll gonna use HTML5 and CSS3 for front end development as well as Javascript, Jquery, and Ajax for client side programming.
  • We'll learn PHP great functions which you probably haven't heard of.
  • We'll learn how to process and manage ajax request using both js and jquery.
  • We'll learn how to use jquery UI functions for advanced DOM interactions.
  • We'll learn new and advanced way of receiving files and how to use them.

After this Course you'll understand how to create Advanced Drag and drop uploading system, and awesome image cropping feature using modern technologies in web development world.

You can use this knowledge for your clients, to sale your uploading systems online, to teach others this advanced technique, and etc.

If you're Interested to become Worthy Programmer and grow in IT field then get into this course without hesitation and you'll gonna love it.

Who is the target audience?
  • This course is for those who already have strong knowledge in both front and back end programming, you can increase your knowledge and take your career to next level and become more worthy in your programming field by learning these types of advanced systems which implement in real life.
  • This is not for those who are at beginning level of programming and do not understand the process.
Compare to Other Web Development Courses
Curriculum For This Course
11 Lectures
Uploading Section
8 Lectures 01:51:02

We'll gonna write HTML5 to create front structure of our uploading system.

Preview 16:15

In this lecture we'll style our front end and make it look nice.

Style uploader using CSS3

In this lecture we're going to style result section.

Style the result of uploader

We'll learn how to use js events like drag over and drag leave.

We'll apply the styling effects on our system in these events.

Implement JS drag over and drag leave event

We'll look into js on drop function and see how it work.

We'll receive our files using this event and process main task within this event.

Preview 11:35

This will be our main function to assemble all the process and data.

We'll send ajax XMLHttpsRequest to server.

Write Upload function in JS

We'll code all the server side programming processes for uploading in this lecture and return response to js in JSON form.

Write PHP code for uploading process

Generate result using JS from JSON response.

Manage upload button.

Code JS to display result and for upload button
Cropping Section
3 Lectures 38:13

Write HTML5 to create the display of Cropping feature.

Style it so it can appear in a nice way and look beautiful.

Create HTML5 Structure and style it

Implement all the process of JS for cropping.

write JS to mange image cropping

Write PHP to handle all the process over server like, resizing image, create image, and crop image.

Deliver the response in JSON form.

Perform server side Programming
About the Instructor
Faraz Abbas
5.0 Average rating
6 Reviews
35 Students
2 Courses
Software developer and Web Developer

He is a PHP Web Developer and Online Instructor. he have been doing web development from 5 years, His experience includes CSS3, JQuery, HTML5, Bootstrap, and responsive Web Designs, and as a development he have experience in PHP, MySQLi, and WordPress.He also have excellent Knowledge and working experience in WordPress and Laravel MVC.

He start teaching Web Development online in 2015 and He have been using several platforms for his courses, He's in love with what he's doing and he really feel a honer in spreading knowledge and experience to his students who want to get success in life, thanks.

After get my Course you'll be in my support list and you can ask and get help from me, if you'll still have query or confusion on the topic.