Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

JavaScript Drag & Drop Sortable List Project

Traversy Media via YouTube

Overview

Explore the drag & drop API, array methods, spread operator, and DOM manipulation in this 52-minute tutorial on creating a sortable list project using vanilla JavaScript. Learn to insert and scramble list items, style with CSS, implement drag & drop functionality, and check the order of items. Follow along with provided timestamps and access the project's source code on GitHub. Enhance your web development skills through hands-on practice with this comprehensive project, part of a larger 20-project course available on Udemy.

Syllabus

- Intro.
- Insert List Items Into DOM.
- Scramble List Items.
- The CSS.
- Drag & Drop Functionality.
- Check Order.

Taught by

Traversy Media

Reviews

Start your review of JavaScript Drag & Drop Sortable List Project

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.