slice vs splice in JavaScript

🚀 Day 15/30 – Event Bubbling in JavaScript When an event occurs on an element, it doesn’t just stop there — it bubbles up through its parent elements all the way to the root. 👉 Simply put: Event starts from the target element → moves up to parent → ancestor → document 💡 Example: Clicking a button inside a div will trigger: Button’s event Then the parent div’s event Learn with JavaScript Mastery #Day14 #FrontendDeveloper #JavaScript #InterviewPreparation #WebDevelopment #30DaysChallenge w3schools.com

🧠 Day 6 of 21days challenge JavaScript Currying 🔥 function add(a) { ... } Why multiple functions? Currying is a technique where a function with multiple arguments is transformed into a sequence of functions, each taking one argument. It helps in breaking down functions into smaller reusable pieces. For easy understanding :- Currying = one argument at a time Each function returns another function Final result comes at the end 👉 That’s why add(2)(3)(5) works This changed how I structure functions 🚀 #JavaScript #Currying #FunctionalProgramming

Ever wondered why changing employee1 also changes employee in JavaScript? 🤯 It’s the classic Reference Trap—objects are stored in the heap, and the = operator only copies the reference, not the object itself. In my latest video, I break down how memory references work and why mastering Pass by Reference is key to writing bug-free code. 👉 Watch the full explanation and level up your JavaScript skills! 🎬 #JavaScript #CodingTips #WebDevelopment #ProgrammingConcepts

🚀 Day 14/30 of My JavaScript Challenge Solved LeetCode 2715 - Timeout Cancellation ✅ 💡 What I Learned Today: ⏳ How setTimeout() delays function execution ❌ How clearTimeout() cancels a scheduled task 🔁 Returning functions from functions (Higher-Order Functions) 🧠 Managing async behavior in JavaScript 📌 Approach: Created a cancellable function that schedules execution using setTimeout(). Then returned a cancelFn which uses clearTimeout() to stop execution before the delay ends. ✨ Key Insight: JavaScript timers can be controlled dynamically, which is useful in search debouncing, API calls, and UI interactions. #JavaScript #LeetCode #30DaysChallenge #WebDevelopment #AsyncJavaScript #CodingJourney #ProblemSolving

Day 5/100 of JavaScript Today’s Topic: Closures in JavaScript A closure is created when a function remembers variables from its outer scope even after that outer function has finished execution Example: function outer() { let count = 0; return function inner() { count++; return count; }; } const counter = outer(); counter(); // 1 counter(); // 2 Here, the "inner" function forms a closure over the "count" variable. Even though "outer()" has finished execution, "count" is preserved. Key understanding: Closures help in maintaining state and also enable data privacy by restricting direct access to variables #Day5 #JavaScript #100DaysOfCode

🚀 Day 1/30 – JavaScript Challenge LeetCode 2667 – Create Hello World Function 🧩 Problem: Write a function that returns a new function. That new function should always return "Hello World", no matter what arguments are passed. 🧠 Explanation: createHelloWorld() returns another function. The returned function uses (...args) to accept any number of arguments. But we ignore all inputs and always return "Hello World". 💡 Key Concept: This problem is based on: Higher Order Functions (function returning function). Rest Parameters (...args). Function independence from input. #javascript #30Days #Leetcode

Day 2/100 of JavaScript 🚀 Today’s Topic: "let", "const", "var", hoisting and TDZ. "var", "let", and "const" are used to declare variables, but they differ in scope and initialization behavior - "var" is function-scoped and during the creation phase it gets initialized with "undefined", so it can be accessed before assignment. - "let" and "const" are block-scoped and are registered in memory during creation, but not initialized immediately. This leads to TDZ (Temporal Dead Zone) a phase where the variable exists in memory but remains uninitialized and cannot be accessed. Accessing "let" or "const" variables before initialization results in a ReferenceError. - "const" must be initialized at declaration and cannot be reassigned. - "let" allows reassignment but not redeclaration in the same scope. These differences make "let" and "const" more predictable and safer compared to "var". #Day2 #JavaScript #100DaysOfCode

Day 3/100 of JavaScript 🚀 Today’s Topic: "use strict" "use strict" enables strict mode in JavaScript, which makes the code run in a more controlled and error-prone way by enforcing stricter rules - Variables must be declared before use - Using undeclared variables throws a ReferenceError - Duplicate parameter names are not allowed - this in functions (non-methods) is undefined instead of the global object. It helps catch common mistakes early and prevents unsafe actions in the code Strict mode can be applied to: - Entire script - Specific functions Using strict mode improves code quality, predictability, and makes debugging easier #Day3 #JavaScript #100DaysOfCode

Already know how queues work? Made a visual to understand FIFO, Big O trade-offs, and when to use queues in JavaScript — all in one diagram. #JavaScript #DataStructures #Algorithms #SoftwareEngineering

JavaScript Promise chaining vs async/await: Promise chains: → Harder to read → Error handling complex → Callback-ish Async/await: → Reads like sync code → try/catch works naturally → Easier debugging The choice is obvious. #JavaScript #AsyncJS #CleanCode