Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Advance Drag and Drop Uploading System with Cropping Feature
Rating: 4.4 out of 5(23 ratings)
6,691 students

Advance Drag and Drop Uploading System with Cropping Feature

Advance drag & drop uploading system with cropping feature using advance programming techniques from scratch to advance
Created byFaraz Abbas
Last updated 6/2022
English

What you'll 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

Course content

2 sections • 11 lectures • 2h 46m total length

  • Create HTML5 Structure for Uploader16:15

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

  • Style uploader using CSS319:57

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

  • Style the result of uploader14:31

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

  • Implement JS drag over and drag leave event6:16

    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.

  • Create JS on drop event11:35

    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.

  • Write Upload function in JS11:56

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

    We'll send ajax XMLHttpsRequest to server.

  • Write PHP code for uploading process20:46

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

  • Code JS to display result and for upload button9:46

    Generate result using JS from JSON response.

    Manage upload button.

Requirements

  • Student should have knowledge in PHP, MySQL, CSS, HTML, Jquery, Javascript, and Ajax

Description

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 Advanced 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 this course is for:

  • 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.

Report abuse