JavaScript Foundations: Primitive Data Types & Operations

#Day13 Set is a powerful built-in data structure in JavaScript that stores only unique values while maintaining insertion order. During my #Backend development track in Mentorship for Acceleration, I deepened my understanding of Sets and explored how to perform essential set operations. Union, Intersection, and Difference. While arrays are flexible, they allow duplicates and have slower lookup times for membership checks. Sets solve these limitations elegantly. Today, I practiced creating Sets and implementing the three core operations that are frequently used in real-world applications. Key Set Operations I Implemented: => Union: Merges all elements from two Sets while automatically removing duplicates, producing a single comprehensive collection. => Intersection: Extracts only the values that exist in both Sets, making it ideal for finding common elements between datasets. => Difference: Returns elements that are present in the first Set but not in the second, which is particularly useful for comparison and data filtering. Mastering Sets has encouraged me to think more intentionally about data structures. Choosing the right one, whether an Array, Object, Map, or Set — significantly impacts code performance, readability, and maintainability. This session reinforced that writing good code is not just about logic, but also about selecting the most appropriate tools for the job. How often do you find yourself using Sets in your JavaScript projects? #M4ACELearningChallenge #LearningInPublic #JavaScript

Difference between fundamental data structures used in JavaScript: - If you need to access items by index, you should probably be using an Array. - If you need to access items by key, you should probably be using an Object. - If you need to access items by value, you should probably be using a Map. - If you need to store unique items and perform operations on that collection, you should probably be using a Set. #javascript #concepts #developer #coding #engineer

🚀 𝐃𝐚𝐲 𝟐/𝟏𝟓 𝐨𝐟 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐒𝐞𝐫𝐢𝐞𝐬 Today I learned about Data Types in JavaScript 💡 👉 Data types define what kind of data we are storing in a variable. 📌 In JavaScript, there are mainly 2 types: 1️⃣ Primitive Data Types String → "Hello" Number → 25 Boolean → true / false Null → empty value Undefined → value not assigned 2️⃣ Non-Primitive Data Types Object → { name: "Kanishka", age: 21 } Array → [1, 2, 3] 📌 Example: let name = "Kanishka"; // String let age = 21; // Number let isStudent = true; // Boolean 👉 JavaScript is a dynamically typed language, which means we don’t need to define the data type explicitly. Learning these basics is helping me build a strong foundation 💻✨ 💬 Question: Which data type do you use the most in JavaScript? Let’s learn together 🚀 #JavaScript #WebDevelopment #LearningInPublic #Day2 #FrontendDevelopment

🚀 Day 30 of My Full Stack Development Journey Today I explored String methods in JavaScript and learned how to manipulate and work with text data effectively ⚡ Here’s what I learned today: 🔹 String Methods – Working with built-in functions 🔹 trim() – Removing extra spaces 🔹 Strings are Immutable – Understanding how strings behave in JS 🔹 toUpperCase() & toLowerCase() – Changing text case 🔹 indexOf() – Finding positions in a string 🔹 Method Chaining – Combining multiple methods 🔹 slice() – Extracting parts of a string 🔹 replace() & repeat() – Modifying and repeating text 🔹 Practiced several questions to strengthen my understanding 💻 It’s interesting to see how powerful JavaScript becomes when working with strings. Step by step, improving my coding skills and logic 🚀 #FullStackJourney #WebDevelopment #JavaScript #LearningInPublic #100DaysOfCode #CodingJourney

🚀 Day 31 of My Full Stack Development Journey Today I explored one of the most important concepts in JavaScript — Arrays 📦 Here’s what I learned today: 🔹 Arrays (Data Structure) – Storing multiple values in a single variable 🔹 Visualizing Arrays – Understanding how data is organized 🔹 Creating Arrays – Different ways to define arrays 🔹 Arrays are Mutable – Learning how arrays can be modified 🔹 Array Methods – Working with built-in functions 🔹 indexOf() & includes() – Searching within arrays 🔹 Concatenation & reverse() – Combining and reversing arrays 🔹 Practiced several questions to strengthen my understanding 💻 It’s exciting to see how arrays make handling data much easier and more powerful. Step by step, getting closer to building real-world applications 🚀 #FullStackJourney #WebDevelopment #JavaScript #LearningInPublic #100DaysOfCode #CodingJourney

Three dots that changed JavaScript: ... The spread operator in action: Arrays: // Copy const copy = [...original] // Merge const all = [...arr1, ...arr2] // Add items const updated = [...items, newItem] Objects: // Copy const clone = { ...user } // Merge const combined = { ...defaults, ...config } // Update const modified = { ...user, age: 30 } Function calls: Math.max(...numbers) fetch(url, { ...defaultOptions, ...customOptions }) Before spread operator: const copy = original.slice() const merged = Object.assign({}, obj1, obj2) fn.apply(null, args) After spread operator: const copy = [...original] const merged = { ...obj1, ...obj2 } fn(...args) The magic: → No mutation (safer code) → Cleaner syntax → Works with any iterable → Essential for React state → Makes immutability easy Three dots. Infinite possibilities.

Day 09 (Project) : Fetching Real-World Data with JavaScript! 🌐💾 I’m excited to share my latest project—a dynamic "User Data List" application built with HTML, CSS, and JavaScript! This project was a deep dive into how modern web applications communicate with external servers. Key features of this project: • 📡 Fetch API: Implemented asynchronous requests to retrieve user information from a REST API. • ⏳ Loading State: Added a "Loading..." indicator to improve user experience while data is being fetched. • 📊 Dynamic Table Generation: Used JavaScript to iterate through the retrieved data and populate a clean, organized HTML table. • 🎨 Responsive UI: Designed a simple and intuitive interface for seamless data viewing. Mastering the Fetch API is a major step in my journey toward building full-stack applications. It’s amazing to see how a few lines of code can connect a webpage to a world of data! #JavaScript #WebDevelopment #FetchAPI #CodingJourney #FrontendDeveloper #Programming #TechSkills #LearningByDoing #Amarjeet Sir Gravity Coding

I solved a liked list problem in javascript Problem: You are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order, and each node contains a single digit. Add the two numbers and return the sum as a linked list. Example: l1 = [2,4,3], l2 = [5,6,4] Output: [7,0,8] → 807 Approach: Node structure Traverse both linked lists together Add digits along with carry Store result in a new linked list Tech Stack: JavaScript | Data Structures | Problem Solving Using a dummy node makes it easier to build the result list without handling edge cases separately.

I learned all of this in JavaScript in less than 7 days. And I'm just getting started. Here's everything I covered, from absolute zero: 📦 Variables & Scope → var / let / const → Global, Function & Block Scope → Hoisting + Temporal Dead Zone (TDZ) 🧱 Data Types → Primitives vs Reference Types → Symbols, Ternary Operator ⚙️ Functions → Default Params, Rest & Spread → First-Class & Higher-Order Functions → Pure vs Impure Functions → Arrow Functions → Closures ← this one broke my brain first 📋 Arrays & Methods → sort(), forEach(), map(), filter() → find(), some(), every() 🗂️ Objects → Object basics, properties & methods → Destructuring ✨ ES6+ Syntax → Spread Operator → Array & Object Destructuring I learned all of this. Not because I'm talented. Because I showed up every single day. The study log is in the image, every topic tracked, every concept checked off. If you're also learning JavaScript right now, save this. We're on the same road. 👇 #JavaScript #buildinpublic

Day 04 of Learning JavaScript Deep Today’s topic looked simple… but turned out to be powerful Traversing an Array - Visiting each element one by one. Example: let arr = [10, 20, 30, 40]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } 🧠 Key understanding: Arrays start at index 0 End at length - 1 One mistake can break logic 👇 for (let i = 0; i <= arr.length; i++) { console.log(arr[i]); // undefined at end ❌ } 💭 Simple thought: “Array is just data… Traversal is how you understand it.” Small concept… big impact 🔥 #Day04 #JavaScript #FrontendDevelopment #LearningDeep #Traversing #Arraybasics