How JavaScript Runs Your Code: A Cheat Sheet

#Day31: Full-Stack Development (+DevSecOps) Today I dove into two core concepts in JavaScript: 1️⃣ Conditionals – Writing logic that helps programs make decisions. 2️⃣ Loops – Automating repetitive tasks efficiently. Small steps every day, steady progress overall. 💡 #100DaysOfCode #JavaScript #WebDevelopment #LearningInPublic

Stop rewriting the same code JavaScript functions enable you to write logic once and reuse it throughout your program, resulting in cleaner, faster, and easier-to-maintain code. #JavaScript #WebDevelopment #CodingTips #LearningAxis #FrontendDevelopment

Came across a really clear article on the JavaScript Event Loop: “𝐓𝐡𝐞 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐄𝐯𝐞𝐧𝐭 𝐋𝐨𝐨𝐩 𝐄𝐱𝐩𝐥𝐚𝐢𝐧𝐞𝐝 𝐰𝐢𝐭𝐡 𝐄𝐱𝐚𝐦𝐩𝐥𝐞𝐬” short and practical. Great refresher on async tasks, microtasks vs macrotasks, and how the event loop works. The examples make it easy to connect theory with real code. If you work with JS, definitely worth a read! 🔗 https://lnkd.in/gwqhBxim #JavaScript #FrontendDevelopment #WebDevelopment #DeveloperLearning #React #EventLoop

JavaScript Unique Magic: Hoisting Definition: Hoisting in JavaScript means moving all variable and function declarations to the top of their scope before the code runs. This allows you to use a function or variable even before it is written in the code. Why It Happens: JavaScript interpreter reads the entire code first and sets up memory for all variables and functions. That why you can access them before their actual line of code appears. Uses: 1) Helps in calling functions before they are defined. 2) Makes code organization flexible. Problems: 1) Can cause confusion for beginners. 2) Variables declared with var become undefined if used before declaration. 3) let and const declarations cause an error if used too early #JavaScriptMagic #CodingTips #LearnJS #FrontendFun #ProgrammingLife #JSBeginners #WebDev #TypeScript #CodeSmart #DeveloperCommunity

Mastering JavaScript Functions — From Basics to Advanced! I’ve just built a complete reference file covering all JavaScript function concepts — from declarations and arrow functions to closures, callbacks, async/await, and even generators! Every section includes a clear definition, explanation, and live example — all written cleanly so you can run it directly in VS Code. This project helped me deeply understand how functions work behind the scenes in JavaScript, including concepts like hoisting, ‘this’ behavior, and higher-order functions. #JavaScript #WebDevelopment #CodingJourney #DeveloperCommunity #100DaysOfCode #LearnToCode #JSFunctions #FrontendDeveloper #CodeWithYagsy #JavaScriptLearning

I ran this JavaScript snippet, and the output completely surprised me 😳. Day 10: How JavaScript actually handles a async operations ⚙️. 🧠 Logic: 🔹 JS execution always starts with synchronous code -> so "start", "First" & "end" log first. 🔹 Inside the loop, setTimeout is added to macrotask queue (it will run later). 🔹 Promise.then() is added to microtask queue (these will run right after sync code), cause of high priority then macrotask queue. 🔹 Inside asyncFn(), when execution hits await it pauses that function exec & waits for promise to get resolve. 🔹 In the mean time, event Loop continue with promise callback in microTask, one it's completed, the promise get resolved in asyncFn() & then it prints ("Second") to console. 🔹 And the last, the setTimeout callback in macroTask queue gets executed. So:  ✅ Promise run first (microTasks). ⏱️ SetTimeout run after (macroTasks). That's why promise 0, promise 1, promise 2, and Second appear before all TimeOut logs. #Javascript #InterviewPrep  #100DaysOfCode #CodingChallenge  #JavaScript #CodingInterview #JSChallenges

How TypeScript ‘just knows’ the types from a plain JavaScript library? That magic comes from .𝗱.𝘁𝘀 𝗳𝗶𝗹𝗲𝘀 - Type Declaration files. They don’t contain any logic. They simply describe what a library exposes - the functions, parameters, return types, and more. So when you import something like "lodash", TypeScript instantly provides IntelliSense and type safety. All thanks to @types/lodash, which ships those .d.ts definitions. Without them? No autocomplete. No type hints. Just... guesswork. 😅 Think of .d.ts files as 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁’𝘀 𝗱𝗶𝗰𝘁𝗶𝗼𝗻𝗮𝗿𝘆 for JavaScript libraries — helping your editor speak fluent types even when the code doesn’t. Do you remember the first time you realized this? Or ever had to write one yourself? #TypeScript #JavaScript #WebDevelopment #Frontend #DevTips #CodeSmarter #IntelliSense #DefinitelyTyped #DeveloperExperience

🚀 JavaScript Trick of the Day! const a = { valueOf: () => 2 * 1 }; console.log(2 + a); // What’s the output? 💡 Answer: 4 Why? When using +, JavaScript tries to convert objects to a primitive. Since the object has a custom valueOf(), JS uses that → returns 2. So: 2 + 2 = 4. 🧠 A reminder that JavaScript type coercion can be surprising — but powerful when understood! #JavaScript #WebDevelopment #CodingTips #100DaysOfCode #JSInterviewPrep

🚀 New Project Alert — JavaScript Exception Handling! I’ve been exploring how to make JavaScript applications more robust and reliable, and I just published a hands-on project focused on Exception & Error Handling in JavaScript 🧠💻 🔍 This project covers: ✅ try...catch and finally blocks ✅ Custom error creation and throwing exceptions ✅ Best practices for handling asynchronous errors ✅ Writing cleaner, safer code with clear debugging messages You can check it out here 👇 🔗 GitHub Repository. https://lnkd.in/g3f223qc live demo : https://lnkd.in/g_KTj9PK 💬 Error handling is often overlooked, but it’s one of the key skills that separates good developers from great ones. Would love to hear how you approach exception handling in your JavaScript projects! #JavaScript #WebDevelopment #Coding #ErrorHandling #OpenSource