Good day to all!

There is such a cool thing builder.chillyorange.com/demo

Powered by JS and Canvas

My question is what kind of material do I need to find and study to do this?

Perhaps there are already ready tutorials where there is an explanation of how to work with drag and drop and creating html elements in the canvasʻa area?
  • I am grateful for the remarks =) but still I would like to see a series of links and pendals in the right direction =) for I myself found lessons that explained the principle of drag and drop for drawing and similar actions, but not for defining an element and then creating it based on a template selected component. – Rocket-Powered66 Sep 1 '14 at 14:37
  • I had an assumption that you can drag and drop and define the area in which the drag object is placed in the direction of jQuery, but I’m not sure if this is the correct way to learn. – Rocket-Powered66 Sep 1 '14 at 14:39

3 Answers 3

There is no canvas there, there is pure work with the DOM.Drag&tutorials googling at once - learn.javascript.ru/drag-and-drop
  • Thanks, apparently because of the cold, my googling skill has gone down to the state of noob))) a good example to learn! – Rocket-Powered66 Sep 1 '14 at 14:41
The qualitative creation of such a designer requires all those skills and abilities, the possession of which will allow you to call yourself"middle frontend developer".

To clarify what specifically you should study use one of the innumerable number of labor exchanges and search for the profession"middle frontend developer", most of these vacancies have a list of requirements(such as this)

Required skills
- 2 or more years ’experience in architecting, designing and developing JavaScript applications
- Strong understanding of OOP principles
- Strong experience with HTML, CSS and Javascript
- Solid expertise of UI/UX design methodologies and standards
- Experience with REST API/JSON
- Experience with common JS Frameworks(AngularJS, BackboneJS)
- Cross-browser development
- At least UX with mobile devices(iPad)

Add to this the skills of working with the server part(for example, PHP + MySQL) and get a list of the necessary skills.
If it says BUILD YOUR PAGE BY DRAGGING ELEMENTS ONTO THE CANVAS, it does not mean that Canvas technology is used there.