Let's Build a Tier List in Vanilla JavaScript - Part 1 - Drag and Drop API Tutorial

Опубликовано: 22 Октябрь 2024
на канале: Ijemma Onwuzulike

3,569

133

We're gonna be building out a drag-and-drop tier list with HTML, CSS, and vanilla JavaScript.

🎬 Subscribe to the channel! -    / @ijemmaonwuzulike
👩🏾‍💻Check out the code on GitHub - https://github.com/ijemmao/tutorials/...

00:00 Introduction
00:32 Build out the DOM
06:30 Drag and Drop Functionality
14:15 Finalize Styling

The following APIs and concepts will be used to build out a functional tier list:
Drag and Drop API
Data Transfer API
DOM API
Flexbox

== Follow Me ==
🐦 Twitter -   / ijemmaohno

== My Resources ==
🎵 Music from LAKEY:   / lakeyinspired
🎵 StreamBeats by Harris Heller -    / @streambeatsbyharrisheller

✨ Who I am:

I'm Ijemma, a frontend software engineer currently working in New York City. I make videos on all things JavaScript and, more broadly, frontend web development.