🔥 Data Structures you should be knowing as a Web Developer
👉 HTML + CSS + JavaScript : 😢🥺
👉 + Data Structures : 💯 ✅ 💪
🧵 👇
👉 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
✪ ✪ ✪
👉 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
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
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
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.
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
✪ 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
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
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
👋 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
جاري تحميل الاقتراحات...