Revisiting JavaScript basics: Removing duplicates without Set()

🔄 Day 163 of #200DaysOfCode After exploring advanced topics in JavaScript, I decided to slow down and revisit one of the most timeless logic challenges — reversing an array without using the built-in reverse() method. 🌱 It might seem like a simple exercise, but it teaches you something very powerful — how data moves in memory, how to swap values efficiently, and how small logic patterns build the foundation for solving complex problems later on. In JavaScript, it’s easy to rely on built-in functions, but when you write logic manually, you begin to understand the real mechanics behind how things work — and that’s what makes you a stronger developer. 💡 Problems like these remind me that mastery isn’t about how many advanced concepts you know, but how deeply you understand the basics. 🔁 Even experienced developers revisit their roots from time to time — because fundamentals never go out of style. Keep learning. Keep building. Keep evolving. #JavaScript #CodingChallenge #BackToBasics #163DaysOfCode #LearnInPublic #WebDevelopment #DeveloperMindset #ProblemSolving #CodingJourney

🚀 JavaScript Deep Dive — Part 2: Execution Context Ever wondered how JavaScript actually runs your code? 🤔 That’s done through something called an Execution Context — the environment where your code executes. 🧩 Types of Execution Context: 1️⃣ Global Execution Context (GEC) → Created once when the file runs. 2️⃣ Function Execution Context (FEC) → Created each time a function is called. ⚙️ Each has 2 Phases: 1. Creation Phase: Memory is set for variables & functions. Variables = undefined (hoisting). this keyword is set. 2. Execution Phase: Code runs line by line. Variables get real values. 💡 In short: JS runs code inside execution contexts, managed by a call stack — one at a time, top to bottom. #JavaScript #WebDevelopment #Frontend #LearnInPublic #Coding

Day 5 of #30DaysOfJavaScript: Creating My Own Filter Function from Scratch! 🎯 Today, I tackled a great exercise that challenged me to build a custom filter function without using JavaScript’s built-in .filter() method. This involved iterating over an array and using a callback function to decide which elements to keep based on truthy values. Here’s a peek at the solution I wrote: Key takeaways from this challenge: Deepened my understanding of higher-order functions and callback usage. Learned how to evaluate truthy and false values in JavaScript more effectively. Gained appreciation for the power and convenience of built-in array methods by implementing one manually. This hands-on approach is helping me grasp fundamental JavaScript concepts in detail while preparing for real-world coding challenges. Excited to keep growing and solving more problems along the way! Let’s connect and share knowledge. #JavaScript #CodingChallenge #WebDevelopment #LeetCode #ArrayMethods #LearningByBuilding #DeveloperJourney

Day 4 of #30DaysOfJavaScript: Mastering Array Transformations Without .map() 🚀 Today’s task was about thinking beyond built-in methods by writing a custom function to transform every element of an array, similar to how .map() works in JavaScript — but doing it all manually! My solution involved iterating over the input array and applying a transformation function to each element, building up a new array with the results: What I learned today: Reinforced fundamentals of array traversal and callback functions. Understood how helpful built-in methods like .map() are—and exactly how they work under the hood. Practiced writing cleaner, modular, and reusable code. Challenging myself with these basics is already making my JavaScript much stronger! On to Day 5 🔥 Are you also on a coding challenge journey? Let’s connect and learn together! #JavaScript #CodingChallenge #WebDevelopment #LearningByDoing #LeetCode #ProblemSolving #TechCommunity

8 JavaScript topics that actually matter Been coding for a while now, these keep coming up: → Closures Functions that remember their context. Used everywhere in React hooks and callbacks. → Promises & Async/Await Writing code that waits without freezing. Essential for API calls. → Array Methods map(), filter(), reduce(). Clean data manipulation. → Event Loop How JavaScript handles async ops. Makes everything click once you get it. → Destructuring Cleaner way to pull values from objects and arrays. Saves a lot of lines. → Spread/Rest Operators Copy arrays, merge objects, handle function params. Super useful. → Prototypes & Inheritance How objects actually work under the hood. Important for interviews. → Module Systems Import/export between files. Keeps code organized. These aren't flashy. But knowing them makes everything easier. What topic gave you the most trouble when learning JS? #JavaScript #Coding #WebDevelopment #100DaysOfCode #LearnToCode #FrontendDevelopment #MERNStack #DeveloperTips

✨ Day 10 — How JavaScript Code Works Behind The Scenes! ✨ Today, I went beyond the syntax to understand how JavaScript actually executes code behind the scenes — the hidden engine that makes everything run! ⚙️💻 I began by learning about the Execution Context — the environment where JavaScript code runs — and how it’s created in two key phases: Memory Allocation and Execution. 🧠 Then, I explored how Function Call Execution Contexts are formed and managed using the Call Stack and Heap, helping me visualize how JavaScript handles both primitive values and objects in memory. 📚 I also dived deep into Hoisting, understanding why variables declared with var show up as undefined, and how let & const behave differently due to the Temporal Dead Zone. ⚡ Finally, I wrapped up by studying Function Expressions, Hoisting mechanics, and how the JavaScript Interpreter runs code step by step — truly connecting all the dots behind execution! 🚀 This session gave me a crystal-clear understanding of what happens before a single line of JavaScript runs — the real “magic” behind the language! ✨ #Day10 #JavaScript #WebDevelopment #100DaysOfCode #LearningEveryday #CodingJourney #FrontendDevelopment #Hoisting #ExecutionContext #JSBehindTheScenes

Diving into a core concept in JavaScript today: undefined and the Global Execution Context! Ever wondered why a newly declared variable in JS initially holds the value undefined? It's not magic, it's the meticulous work of the JavaScript engine! When your script first runs, the engine sets up the Global Execution Context. Think of this as the main environment for your code. It has two crucial phases: -Memory Creation Phase: Here, the engine scans your code for variable and function declarations. For every variable it finds, it allocates space in the memory component and automatically assigns the value undefined as a placeholder. -Code Execution Phase: Only then does the engine start running your code line by line, finally assigning actual values to your variables. So, undefined isn't just a random state; it's a deliberate signal from the engine that a variable exists but hasn't yet received its defined value during the execution flow. Understanding this helps demystify a lot of common JS behaviors! What are your thoughts on how JavaScript handles undefined? #JavaScript #WebDevelopment #Programming #ExecutionContext #Undefined #Memory #Code

Today I explored some of the most powerful array methods in JavaScript — map(), filter(), and reduce() ✨ These functions make working with data so much easier and cleaner. 🔹 map() — transforms each element in an array. 🔹 filter() — filters elements based on a condition. 🔹 reduce() — reduces the array to a single value (like sum, average, etc.). While practicing, I understood how combining them can make code much shorter and more readable. Feeling more confident in writing cleaner JavaScript code now! 💻💡 #JavaScript #WebDevelopment #LearningJourney #Coding #FrontendDevelopment #JSMap #Filter #Reduce #Developer

🚀 𝗦𝘁𝗶𝗹𝗹 𝘂𝘀𝗶𝗻𝗴 var 𝗮𝗻𝗱 function()? 𝗜𝘁’𝘀 𝘁𝗶𝗺𝗲 𝘁𝗼 𝗹𝗲𝘃𝗲𝗹 𝘂𝗽 𝘆𝗼𝘂𝗿 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗴𝗮𝗺𝗲! ⚡ In 2025, writing modern JavaScript isn’t just about syntax — it’s about writing 𝗰𝗹𝗲𝗮𝗻, 𝗽𝗼𝘄𝗲𝗿𝗳𝘂𝗹, 𝗮𝗻𝗱 𝗲𝗳𝗳𝗶𝗰𝗶𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 that makes you stand out as a developer. Here are 𝟱 𝗘𝗦6+ 𝗳𝗲𝗮𝘁𝘂𝗿𝗲𝘀 𝗲𝘃𝗲𝗿𝘆 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 𝘀𝗵𝗼𝘂𝗹𝗱 𝗺𝗮𝘀𝘁𝗲𝗿 👇 💡 1. 𝗗𝗲𝘀𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗶𝗻𝗴 (𝗢𝗯𝗷𝗲𝗰𝘁𝘀 & 𝗔𝗿𝗿𝗮𝘆𝘀) Extract values in style. No more long dot-chains — just neat, readable code. ⚡ 2. 𝗔𝗿𝗿𝗼𝘄 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀 & 𝗟𝗲𝘅𝗶𝗰𝗮𝗹 this Shorter syntax, smarter scope. No more bind() headaches. 🧩 3. 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 𝗟𝗶𝘁𝗲𝗿𝗮𝗹𝘀 Say goodbye to messy string concatenation. Hello clean, dynamic strings! 🌐 4. 𝗦𝗽𝗿𝗲𝗮𝗱 & 𝗥𝗲𝘀𝘁 𝗢𝗽𝗲𝗿𝗮𝘁𝗼𝗿𝘀 Combine, clone, and collect data in a single line — fewer loops, cleaner logic. ⏳ 5. 𝗔𝘀𝘆𝗻𝗰/𝗔𝘄𝗮𝗶𝘁 𝗳𝗼𝗿 𝗖𝗹𝗲𝗮𝗻𝗲𝗿 𝗣𝗿𝗼𝗺𝗶𝘀𝗲𝘀 Readable async code that flows like a story — no callback hell here. 🎨 I’ve turned this breakdown into a carousel with before/after code examples — perfect for quick learning! 📚 Save this post if you want to truly master modern JavaScript. 💬 Which ES6+ feature do you use most often (or love the most)? Drop your favorite below — let’s see which one wins 🔥 #JavaScript #FrontendDevelopment #WebDevelopment #CodingTips #LearnInPublic #JaibhagwanJindal #TechWithJJ #LinkedInTopVoiceJourney

🧠 JavaScript Concepts I Explored Today Today was a solid learning session — I spent time understanding how functions actually shape the logic in JavaScript. Here’s what I went through 👇 Functions and how they make code reusable First-class and higher-order functions (functions inside functions 🔁) Closures — the part where JS “remembers” variables even after execution IIFE — functions that run instantly (good for isolated scopes) Arrays — map, filter, reduce, forEach Objects — destructuring, looping, optional chaining These concepts connected so many dots for me. The more I write JavaScript, the more I realize how expressive it can be when you actually understand the “why” behind the syntax. #JavaScript #CodingJourney #WebDevelopment #Frontend #MERNStack