Практика JavaScript / Реализуем механизм Drag and Drop
В этом видео покажу, как сделать перетаскивание элементов с помощью JavaScript. Этот механизм еще называют drag and drop (бери и бросай). На простом примере мы реализуем возможность перетаскивать синий квадрат в один их трех серых боксов. Вы поймете, как работает drag and drop, и в дальнейшем будете создавать свои более сложные интерфейсы.
––––––––––––––––––––––––––––––
Таймкоды из видео:
0:00 - Демонстрация drag and Drop
1:03 - Разметка и оформление боксов
4:35 - Скрипт для работы drag and drop
14:41 - Завершение
––––––––––––––––––––––––––––––
Ссылки:
Стартовый проект на GitHub:
––––––––––––––––––––––––––––––
Лучшая ваша поддержка - лайк под этим видео!
Советую посетить мой сайт , там вы найдете много интересных уроков по программированию.
Я выполняю заказы по верстке сайтов и написанию скриптов на JS. Пишите admin@
1 view
5518
1706
2 months ago 01:12:49 1
IT-Борода и основатель Elbrus Bootcamp Георгий Бабаян | ИНТЕРВЬЮ О ПРОГРАММИРОВАНИИ
2 months ago 01:53:01 1
Полный курс по Next js - Изучи Nextjs за 2 часа! | React SSR +таймкоды
2 months ago 00:13:43 1
Типичные задачи junior разработчика в компании | Как работают джуниоры? (мой опыт)
2 months ago 00:17:48 4
Web Dev полый курс с нуля. Урок 1. Введение. План разработки
2 months ago 01:47:36 1
CSS для Начинающих - Практический Курс
2 months ago 01:19:23 1
HTML для Начинающих - Практический Курс
2 months ago 02:35:07 11
🔥 Создай свою Fullstack тапалку с нуля на Vue 3. Практика по Telegram Apps
2 months ago 00:39:14 7
Наследование в TypeScript. Полное руководство по наследованию классов в TS
2 months ago 06:55:31 1
JavaScript c Нуля - Курс для начинающих с практикой БЕЗ ВОДЫ
3 months ago 02:03:50 1
Практика JavaScript с нуля за 2 часа. Сделаем целый сайт!