Understanding the Dangers of `var` in Legacy JavaScript

Today a tiny JavaScript bug wasted hours of my time while learning JavaScript through The Odin Project. I was experimenting with the indexOf() string method and tried to count how many times the character “e” appears in a sentence. My approach was to use indexOf() together with a while loop. Everything looked correct… but my program entered an infinite loop. VS Code Live Preview kept loading and refused to stop. I even restarted my computer thinking something was wrong with my environment. After about an hour of tracing the logic, I finally found the problem. I wrote: while (count !== -1) But the variable that eventually becomes -1 is not count. It is the result returned by indexOf(). The correct condition was: while (occurrenceWord !== -1) A small mistake. But a powerful reminder. Debugging isn’t just about searching for answers. Sometimes the best approach is to slow down, replay the logic, and carefully read your own code. Today’s lesson: always track the variable that controls the termination condition of your loop. What’s a small bug that taught you a big lesson? #javascript #programming #webdevelopment #softwareengineering

Just published a new blog on JavaScript Operators. In this article, I break down: • Arithmetic operators • Comparison operators (== vs === explained clearly) • Logical operators • Assignment operators • Simple console examples for real understanding If you are starting with JavaScript, mastering operators makes everything easier, from conditions to loops to real projects 👇 https://lnkd.in/gSmpqBCn Special thanks to Hitesh Choudhary Chai Aur Code Piyush Garg Akash Kadlag Jay Kadlag for guidance! #JavaScript #WebDevelopment #FrontendDevelopment #Programming #Coding #100DaysOfCode #LearnToCode #TechWriting

Functions are the heart of JavaScript, but how you define them matters more than you might think! I’ve just released a new blog post diving deep into the nuances between Function Declarations and Function Expressions. In this guide, I cover: ✅ Core Syntax – How to write both types correctly. ✅ The "Write Once, Use Anywhere" Philosophy – Why functions are essential for reusable code. ✅ Hoisting & Execution – Understanding the critical differences in how the JS engine handles these functions. ✅ Practical Use Cases – When to choose one over the other in your projects. This post simplifies these concepts using clear language and examples to help you avoid common pitfalls. A huge thanks to Hitesh Choudhary sir and Piyush Garg sir for explaining hoisting and function logic in such a simple, memorable way! Check out the full comparison here: https://lnkd.in/gmvhxbHS #JavaScript #WebDevelopment #Programming #CleanCode #LearningToCode #Hashnode #TechCommunity Akash Kadlag | Jay Kadlag

JavaScript has one of the most famous quirks in programming: 👉 typeof null === "object" Yes… really. But why? Back in the early implementation of JavaScript (1995), values were stored in memory using type tags. Objects had a type tag of 0. Unfortunately, null was represented as a null pointer (0x00). When typeof checked the type tag, it saw 0 and returned "object". That bug shipped. And because fixing it would break massive amounts of existing code, it stayed. So what’s the real issue? Because of this: typeof null === "object" You cannot safely check for objects like this: typeof value !== "object" Why? Because null is not an object - but JavaScript says it is. The correct way to check: if (value !== null && typeof value === "object") { // safe object check } Or more explicitly: if (value && typeof value === "object") (when you’re okay excluding null and other falsy values) This is one of those historical decisions that shaped JavaScript forever. It’s not a feature. It’s a legacy artifact. And knowing it separates beginners from engineers who understand the language deeply. Akash Kadlag Hitesh Choudhary Jay Kadlag Chai Aur Code #JavaScript #WebDevelopment #Programming #LearningInPublic

🔥 Pure vs Impure Functions in JavaScript In JavaScript, understanding function behavior is very important for writing clean and predictable code. ✅ Pure Function Same input → Same output No external state modification No side effects Easy to test and debug Example: function add(a, b){ return a + b; } ✅ Impure Function Output may change even with same input May modify global variables Can create side effects Example: let count = 0; function increment(){ count++; return count; } ⭐ As a developer, try to write more pure functions because they make your code: More maintainable More predictable Easier to debug 💡 Remember: 👉 Pure function = Functional programming mindset #JavaScript #WebDevelopment #Coding #Programming #FrontendDevelopment

𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗖𝗹𝗼𝘀𝘂𝗿𝗲𝘀 𝗘𝘅𝗽𝗹𝗮𝗶𝗻𝗲𝗱 — 𝗖𝗼𝗺𝗽𝗹𝗲𝘁𝗲 𝗡𝗼𝘁𝗲𝘀 𝗳𝗼𝗿 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿𝘀 Closures are one of the most powerful and important concepts in JavaScript. They allow a function to access variables from its outer scope even after the outer function has finished executing. Understanding closures helps you master data privacy, function factories, callbacks, and advanced patterns used in modern frameworks like React. These notes break down closures in a simple and practical way with clear explanations and real-world use cases to strengthen your core JavaScript knowledge. #JavaScript #Closures #JSConcepts #WebDevelopment #FrontendDevelopment #LearnJavaScript #Programming #DeveloperNotes #Coding #SoftwareEngineering

⚡ Ever wondered why your JavaScript code runs in a specific order? The answer lies in something called the Call Stack. Every time a function runs, JavaScript adds it to the stack. When the function finishes, it gets removed. Simple rule it follows: 📦 LIFO — Last In, First Out That means the last function added is the first one removed. 🚨 And yes… That scary error — “Maximum call stack size exceeded” It happens when functions keep getting added to the stack without stopping. Eventually, memory fills up… and the program crashes. 🎯 Why understanding the Call Stack matters: ✔ Helps you understand execution order ✔ Makes debugging easier ✔ Builds strong recursion fundamentals ✔ Makes you interview-ready Mastering the Call Stack is one of the first real steps toward truly understanding JavaScript. #JavaScript #WebDevelopment #FrontendDeveloper #Programming #LearnToCode #Developers #Tech

I just published a new blog post: "Control Flow in JavaScript: If, Else, and Switch Explained" ✍️ Control flow is the backbone of any program, allowing us to break the default line-by-line execution and build dynamic logic. In this post, I dive into: The fundamentals of if-else ladders. Simplifying complex logic with switch statements. Key differences on when to use each. A big thank you to Hitesh Choudhary sir , Piyush Garg sir and the Chai Aur Code team for the constant guidance and for making these fundamental concepts so clear. Akash Kadlag Jay Kadlag Read the full article here: 🔗 https://lnkd.in/e8tNRPYX #JavaScript #WebDevelopment #ChaiAurCode #LearningJourney #CodingLogic #Hashnode

🚨 JavaScript Logic Challenge What’s the Output? Think you’ve mastered core JavaScript? Let’s test your fundamentals 👇 Code: let x = "20"; let y = 5; console.log(x + y); 💬 What will be the output? (a) 25 (b) 205 (c) "100" (d) Error This looks simple… but it tests your understanding of: ✅ Type Coercion ✅ Data Types ✅ String vs Number operations ✅ The + operator behavior in JavaScript Many developers get this wrong because they forget how JavaScript handles implicit conversion. 👇 Drop your answer in the comments (a, b, c, or d) 🔥 Tag your coding buddy 📌 Save this post if you love JS challenges Let’s see who really understands JavaScript fundamentals. #JavaScript #WebDevelopment #FrontendDeveloper #CodingChallenge #LearnToCode #100DaysOfCode #JS #Programming #DeveloperCommunity #TechCareers #reels #explore #viral #coding #fyp

🎬 Week 2 @ NTI: Built a Full CRUD System with Vanilla JavaScript! Created NoteFlow - a complete movies management app without any frameworks. 475+ lines of pure JavaScript. Features: ✅ Full CRUD operations (Create, Read, Update, Delete) ✅ Real-time validation with regex ✅ Image upload + preview (FileReader API) ✅ LocalStorage persistence ✅ Dynamic search (name/rating) ✅ Fully responsive Tech Stack: Vanilla JavaScript | HTML5 | CSS3 | Bootstrap 5 | LocalStorage API Key Challenge: Built entire UI programmatically using DOM manipulation - no frameworks, just pure JavaScript fundamentals. 🔗 Live Demo: https://lnkd.in/d2r3_C8F 📂 GitHub: https://lnkd.in/dqJDj-jZ From static pages to dynamic applications in one week! 💪 #JavaScript #WebDevelopment #CRUD #VanillaJS #DOMManipulation #NTI #Programming #NTI #ContinuousLearning #OpenSource #FullStack #DEY #SoftwareDevelopment #ApplicationDevelopment #CareerGrowth #TechJourney #Learning #Bootstrap