Understanding Queue Data structure in JS with a Visual App

In this video tutorial, we're going to have a look at how to implement the Queue data structure in JavaScript. We'll quickly compare how Queues are different from Stacks. And we'll implement our own Queue class in JavaScript to look at how it works. Then we'll integrate the Queue with some UI to visualize how a queue works in JavaScript.

🎥🎤📷 GEAR for Content Creation (contains affiliate links) 🎥🎤📷:
Audio-Technica AT2020USB+ Cardioid Condenser USB Microphone
Blue Microphones iCE USB Mic
Sony a5100 Camera
Elgato Key Light, 2800 Lumens
Sigma 16mm f/1.4 DC DN Contemporary Lens for Sony E (402965)
Philips Hue Go White and Color Portable Dimmable LED
Logitech G PRO X Gaming Headset (2nd Generation)
ASUS TUF Gaming 27" 2K HDR Curved Monitor (VG27WQ1B)
SAMSUNG 27-Inch CRG5 240Hz Curved Gaming Monitor (LC27RG50FQNXZA)
Logitech G Pro Wireless Gaming Mouse
Corsair K70 RGB MK.2 Mechanical Gaming Keyboard

❤️❤️ Become a Supporter (because you're awesome):

❤️ Support the CodeWithAhsan community One-Time-Only:

🎥 Live Streams / Free sessions:

🧑‍🤝‍🧑 Join the Discord Community:

👉 Socials:

TIME CODES:
0:00 - Introduction
0:38 - Cloning and running the project
1:43 - Stack data structure recap
2:15 - Stack vs Queue
4:36 - JavaScript Queue UI Overview
5:35 - Git branch to follow along
6:03 - Queue implementation in JavaScript
6:42 - Property to save items in the queue
7:41 - Adding an item to the queue
8:36 - Removing an item from the queue
10:37 - Clearing the queue
11:00 - Calculating the queue size
11:39 - Having a peek at the queue
11:59 - Creating the queue and doing some operations
13:55 - Trying out the queue operations in Chrome Devtools
16:18 - Visualizing the queue implementation with the UI
18:59 - Visualizing the peek functionality
19:51 - Handling queue actions from the UI
16:18 - Visualizing the queue implementation with the UI
22:13 - Outro

[CodeWithAhsan]

TIME CODES:
0:00 - Introduction
0:38 - Cloning and running the project
1:43 - Stack data structure recap
2:15 - Stack vs Queue
4:36 - JavaScript Queue UI Overview
5:35 - Git branch to follow along
6:03 - Queue implementation in JavaScript
6:42 - Property to save items in the queue
7:41 - Adding an item to the queue
8:36 - Removing an item from the queue
10:37 - Clearing the queue
11:00 - Calculating the queue size
11:39 - Having a peek at the queue
11:59 - Creating the queue and doing some operations
13:55 - Trying out the queue operations in Chrome Devtools
16:18 - Visualizing the queue implementation with the UI
18:59 - Visualizing the peek functionality
19:51 - Handling queue actions from the UI
16:18 - Visualizing the queue implementation with the UI
22:13 - Outro

[CodeWithAhsan]

Which is your favorite Data Structure? And which algorithms/data structures do you want me to cover in my next video?

[sidben]

I love this playlist, it will be better if you do another playlist for data structure challenges and exercises when you solve some challenges based on this playlist, And its difficulty gonna be graded