Thread by @swapnakpanda

🔥 Data Structures you should be knowing as a Web Developer

👉 HTML + CSS + JavaScript : 😢🥺
👉 + Data Structures : 💯 ✅ 💪

🧵 👇

We will be discussing about

👉 data structures
👉 their example use case in UI
👉 what operations to know

Data structures are,

1️⃣ Array
2️⃣ Set
3️⃣ Stack
4️⃣ Queue
5️⃣ Hash Table
6️⃣ Tree

✪ ✪ ✪

1️⃣ Array

Without an Array, no web development is possible. List of items are stored inside Array.

So you should be knowing

✪ Creating an Array
✪ Iterating
✪ Find an Element
✪ Insert Element(s)
✪ Delete Element(s)
✪ Filter an Array
✪ Fetch a Sub-Array
✪ Merging Arrays

2️⃣ Set

Set is used to contain unique elements.

Example: Items added to a Shopping Cart. Each item is unique.

You should be knowing

✪ Creating a Set
✪ Iterate through Set
✪ Get an Element
✪ Insert Element(s)
✪ Delete Element(s)
✪ Verify Existence
✪ Merging Sets

3️⃣ Stack

Stack is where an element is entered and exited at one end only.

Example: Stacked Image Carousel

You should be knowing

✪ Creating a Stack
✪ Push Element to a Stack
✪ Pop an Element from a Stack

4️⃣ Queue

Queue is where an element is entered at one side where as exited at the other side.

Example: A dynamically loading news feed. New post appears at the bottom where as while scrolling old post at the top get offloaded.

You should be knowing

✪ Creating a Queue
✪ Insert an item to Queue
✪ Remove an item from Queue

5️⃣ Hash Table

Also known as Map, Dictionary. It is a container of Key-Value pairs.

Example: Items displayed in categories.

You should be knowing

✪ Creating a Hash Table
✪ Inserting an Entry
✪ Deleting an Entry
✪ Getting Value for a Key
✪ Checking if a Key exists

6️⃣ Tree

Tree is a hierarchical structure.

Example: DOM

You should be knowing

✪ Creating a Tree
✪ Traversing through Tree
✪ Fetch sub tree
✪ Fetch siblings
✪ Add an Element
✪ Remove an Element

We come to the end of this 🧵 Hope you find it useful.

👋 I am Swapna and I write contents on DSA, JavaScript and Python

To never miss any content from me,

✅ Follow @swapnakpanda
🔔 Turn on Notifications
❤️ Like the tweet
🔁 The first tweet
💬 Your feedback about the content

How do you approach while solving a problem? 👇

https://twitter.com/swapnakpanda/status/1455399899038584832