Traversy Media | JavaScript Drag & Drop Sortable List Project @TraversyMedia | Uploaded September 2021 | Updated October 2024, 2 hours ago.
Learn the drag & drop API, array methods, spread operator, and DOM manipulation in this vanilla JavaScript project
Full 20 Projects Course:
udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75
Code: [MONTHNAME]2021
Code:
github.com/bradtraversy/vanillawebprojects/tree/master/sortable-list
TImestamps:
0:00 - Intro
2:27 - Insert List Items Into DOM
12:02 - Scramble List Items
18:44 - The CSS
31:07 - Drag & Drop Functionality
46:05 - Check Order
Learn the drag & drop API, array methods, spread operator, and DOM manipulation in this vanilla JavaScript project
Full 20 Projects Course:
udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75
Code: [MONTHNAME]2021
Code:
github.com/bradtraversy/vanillawebprojects/tree/master/sortable-list
TImestamps:
0:00 - Intro
2:27 - Insert List Items Into DOM
12:02 - Scramble List Items
18:44 - The CSS
31:07 - Drag & Drop Functionality
46:05 - Check Order