Mastering Advanced JavaScript: Closures, Destructuring & More

I recently started diving deeper into JavaScript, and honestly… one concept completely changed how I see code execution 🤯 At first, I used to just write code and expect it to “run.” But then I discovered what actually happens behind the scenes 👇 JavaScript doesn’t just execute code directly. It goes through a process: 🔹 First, it creates a Global Execution Context 🔹 Then comes the Memory Phase (where variables get stored as undefined and functions are fully saved) 🔹 After that, the Execution Phase runs code line by line 🔹 And everything is managed using a Call Stack (LIFO — Last In, First Out) Understanding this made things like hoisting, function calls, and even bugs feel way less random. Now when I write code, I don’t just see syntax — I can actually visualize what the JavaScript engine is doing step by step 🧠⚡ Still learning, but this was one of those “aha” moments that made everything clearer. If you're learning JavaScript, don’t skip this part — it’s a game changer 🚀 #JavaScript #WebDevelopment #LearningJourney #Frontend #Programming #Developers

🚀 Diving into JavaScript Functions! 🚀 Functions are like recipes in programming 🍳 They are blocks of code that perform a specific task when called. Developers use functions to organize code, make it reusable, and improve readability. Understanding functions is essential for every developer to write efficient and maintainable code. Let's break it down: 1️⃣ Declare a function using the keyword "function" followed by a name and parameters. 2️⃣ Write the code block inside curly braces to define what the function does. 3️⃣ Call the function by using its name and passing any required arguments. Check out this example: ```javascript function greet(name) { return `Hello, ${name}!`; } console.log(greet("Alice")); ``` Pro Tip: Don't forget to use meaningful function names and keep them concise for better code organization. 🌟 Common Mistake Alert: Forgetting to return a value from the function can lead to unexpected behavior. Always ensure your functions explicitly return a value when needed. 🤔 What's your favorite function to write and why? Share in the comments below! 🤓 🌐 View my full portfolio and more dev resources at tharindunipun.lk #JavaScriptFunctions #CodeOrganization #ReusableCode #WebDevelopment #LearnToCode #ProgrammingTips #FunctionBestPractices #TechTutorials #DeveloperCommunity

🚀 Building Strong Foundations in JavaScript 💻✨ ✨Continuing my journey of improving core JavaScript skills through hands-on coding 👇 🔹 Loops Practice ✅ Printed numbers from 1–50 using: • for loop • while loop • do...while loop 🔹 Logic Building ✅ Generated multiplication table dynamically using user input 🔹 Iteration Techniques ✅ Used for...of for arrays and for...in for objects 🔹 Functions Practice ✅ Built a function to check Prime or Non-Prime numbers ✅ Implemented a Callback Function to calculate square of a number ✅ Practiced IIFE (Immediately Invoked Function Expression) to print today’s date 💡 Key Learnings: • Better understanding of loops and iteration • Clear idea of callback & higher-order functions • Debugged a real issue with IIFE and semicolons 😄 📌 Step by step, improving logic and confidence in JavaScript! #JavaScript #CodingJourney #LearningByDoing #FrontendDeveloper #WebDevelopment #KeepGrowing 🚀

🚀 Learning Update | Async JavaScript & Backend Fundamentals Here’s what I worked on today: 🔹 DSA Practice Solved 2 medium-level LeetCode problems focused on callbacks and async patterns. 🔹 Core JavaScript Concepts Deep dived into: • Promise chaining • Async/Await • Event Loop (manually visualized execution flow) 🔹 Hands-on with Node.js Built a script to fetch and process data from a public API with proper error handling (try/catch). 🔹 HackerRank Progress Completed 5 Node.js challenges, strengthening understanding of non-blocking I/O ⚡ 🔹 Communication & Presentation Recorded two Loom videos: • Self-introduction • Project explanation Learning, building, and improving every single day. #JavaScript #NodeJS #AsyncProgramming #DSA #LearningInPublic #GrowthMindset

Building on the basics of JavaScript, I’ve gained a solid understanding of how core components build a functional system. Writing code is the heart of this process, and seeing these concepts integrate is a major highlight of my learning. I have been practicing variable assignments using let, const, and var, while using typeof to identify different data types. I also learnt how to structure Control Flow through if/else statements, switch cases, and comparison operators. By using logical operators—specifically AND (&&) and OR (||)—along with strict equality (===), I can now set multiple rules for my code. I understand how to ensure that if a primary condition isn't met, the "else" logic applies correctly so the program follows a specific path. I also learnt how to use for loops combined with the .length property. This allows the code to automatically track the number of characters or items in a dataset. Instead of hard-coding values, I can now write dynamic code that adjusts to the data it receives. I am still working through the fundamentals, and I am excited to see how everything will work together once the foundation is complete! #JavaScript #WebDevelopment #CodingJourney #SoftwareEngineering #Techcrush #Frontend

I used to think I understood this in JavaScript… Until it completely broke my code. 😅 At first, it seemed simple. 👉 this = the current object… right? But then I ran into weird behavior: • Inside a function → this was window • Inside strict mode → this became undefined • Inside an object method → it worked perfectly • Inside callbacks → chaos again That’s when I realized: 👉 this is NOT about where the function is written. 👉 It’s about how the function is called. That one shift changed everything. Here’s the simple way to think about it: • Global → this = global object • Object method → this = the object • Function → depends on strict mode • Constructor → this = new instance • call/apply/bind → you control this Once you understand this, JavaScript starts making a lot more sense. If you're struggling with this, I wrote a simple guide breaking it down step-by-step 👇 And full blog here: https://lnkd.in/dvV8_aZq 💡 My takeaway: Don’t memorize this. Understand the execution context. What confused you the most about this when you were learning JavaScript? Hitesh Choudhary | Piyush Garg | Akash Kadlag | Suraj Kumar Jha | Shubham Waje #chaicode#javascript #webdevelopment #coding #frontend #programming #developers #learninpublic #softwareengineering

I just learned this new trick in JS super important..👨🏿💻 Most developers overcomplicate simple data updates. Here’s a clean pattern I still see people get wrong: 👉 Find the item 👉 Replace it immutably (or intentionally mutate it) In JavaScript, this is all it takes: findIndex() to locate splice() to replace in one operation No loops. No messy conditionals. No wasted time. What matters isn’t the method — it’s the thinking: • Are you mutating state intentionally? • Is your logic predictable? • Can someone else read this in 5 seconds? That’s the difference between writing code… and engineering systems. Most devs don’t have a skill problem. They have a clarity problem. #javascript #webdevelopment #softwareengineering #coding #developer #programming #cleancode #typescript

🚀 Hello Everyone ✋ Practicing JavaScript Array Methods 💻 Today I worked on some important JavaScript array operations that are super useful for real-world development. Here’s a quick summary of what I explored 👇 🔹 filter() method Extracted even numbers from an array Separated positive and negative numbers Filtered strings based on length Retrieved names starting with a specific letter Removed falsy values like 0, null, undefined, and empty strings 🔹 Sorting & Reversing Used sort() to arrange elements Used reverse() to flip the order 🔹 Array Manipulation Methods pop() → Remove last element push() → Add element at the end shift() → Remove first element unshift() → Add element at the beginning 💡 Key Learning: Understanding these methods makes data handling much easier and improves code readability and efficiency. 📌 Next step: Deep dive into map() and forEach() for transformations and iterations. #JavaScript #WebDevelopment #Coding #Learning #Frontend #100DaysOfCode

🚀 Struggling to remember JavaScript array methods? You’re not alone. 💡 Arrays are one of the most powerful parts of JavaScript — and mastering their methods can seriously level up your coding skills. 🔹 Why Array Methods Matter • Help you write cleaner and shorter code • Make data manipulation easy and efficient • Replace complex loops with simple logic 🔹 Must-Know Categories • Adding/Removing → push, pop, shift, unshift • Transformation → map, filter • Searching → find, findIndex, includes • Aggregation → reduce • Utility → slice, splice, sort, reverse 🔹 Pro Tip ✨ 👉 If you understand map, filter, and reduce, you’re already ahead of most developers. 📌 Don’t just memorize — practice them in real projects. #JavaScript #WebDevelopment #FrontendDevelopment #Coding #LearnToCode #100DaysOfCode

Building Subsets on Day 226 Today Today is day 226 of my coding journey and I focused on solving the Power Set problem using JavaScript. This involves finding every possible combination of elements from a given array including the empty set. I used the Backtracking technique to explore all paths. The logic starts with an empty array and then adds elements one by one. After exploring a specific path I used the pop method to remove the last element. This is the unchoose step that allows the code to go back and try a different number. One important thing I practiced today is how to use the spread operator to create a copy of the current path before adding it to the result. This ensures that the final list contains the correct values instead of just references to an empty array. Understanding how recursion builds a state space tree makes solving these types of problems much clearer. I solved this LeetCode question today: LeetCode 78 Subsets #DSAinJavaScript #365daysOfCoding #JavaScriptLogic #LeetCode #BacktrackingAlgorithms #Recursion #ProblemSolving #CodingChallenge #WebDevelopment #SoftwareEngineering #DataStructures #LogicBuilding #TechLearning #JSAlgorithms #SoftwareDevelopment #CodingSkills #DailyCoding #ArrayManipulation #FullStackDeveloper #ProgrammingJourney