Дзен Видео Downloader

Самый простой способ скачать Дзен видео, музыку, миниатюру без водяных знаков и логотипа.

Code Lab

181 3 года назад

Практика JavaScript - Реализуем механизм Drag and Drop

КОНЧИК! Щелкните правой кнопкой мыши и выберите "Save link as..." для загрузки.

Loading...
📋 Кратко, о чем это видео

В этом видео покажу, как сделать перетаскивание элементов с помощью JavaScript. Этот механизм еще называют drag and drop (бери и бросай). На простом примере мы реализуем возможность перетаскивать синий квадрат в один их трех серых боксов. Вы поймете, как работает drag and drop, и в дальнейшем будете создавать свои более сложные интерфейсы.

––––––––––––––––––––––––––––––

📌 Полезные ссылки

Готовый код из урока (с объяснением) ➝ https://codelab.pro/drag-and-drop-api-podrobnoe-rukovodstvo-na-javascript/
Стартовый проект на GitHub ➝ https://github.com/toni-wheel/youtube-base

––––––––––––––––––––––––––––––

🕒 Таймкоды из видео

0:00 Демонстрация drag and Drop
1:03 Разметка и оформление боксов
4:35 Скрипт для работы drag and drop
13:13 Завершение