Mastering JavaScript Objects in 30 Days

🚀 Day 7 of learning JavaScript deeply Today I focused on some core concepts that often feel confusing at first: 🔹 Block Scope 🔹 Temporal Dead Zone (TDZ) 🔹 Hoisting 🔹 Shadowing 💡 Block Scope { let a = 10; } console.log(a); // ❌ ReferenceError 👉 let and const are block-scoped (accessible only inside {}) 💡 Temporal Dead Zone (TDZ) console.log(x); // ❌ ReferenceError let x = 5; 👉 Variables are hoisted but cannot be accessed before initialization 💡 Hoisting vs TDZ console.log(a); // undefined var a = 10; console.log(b); // ❌ ReferenceError let b = 20; 👉 var is hoisted with undefined 👉 let/const stay in the Temporal Dead Zone 💡 Shadowing let x = 10; { let x = 20; console.log(x); // 20 } console.log(x); // 10 👉 Inner variables can shadow outer variables 🔥 Key takeaway: JavaScript is not just about declaring variables, it's about understanding how and when they are accessible. 📌 Goal: To master JavaScript deeply, not just use it superficially #Day7 #JavaScript #WebDevelopment #LearnInPublic #CodingJourney

𝐃𝐚𝐲 𝟔/𝟑𝟎 🚀 𝐓𝐨𝐝𝐚𝐲 𝐈 𝐥𝐞𝐚𝐫𝐧𝐞𝐝: Generating random values and working with strings in JavaScript 𝐁𝐮𝐢𝐥𝐭: A password generator that creates random passwords using letters, numbers, and symbols 𝐊𝐞𝐲 𝐭𝐚𝐤𝐞𝐚𝐰𝐚𝐲: Used loops and random indexing to build a dynamic string generator #30DaysChallenge #WebDev #LearningInPublic

𝐃𝐚𝐲 𝟔/𝟑𝟎 🚀 𝐓𝐨𝐝𝐚𝐲 𝐈 𝐥𝐞𝐚𝐫𝐧𝐞𝐝: Generating random values and working with strings in JavaScript 𝐁𝐮𝐢𝐥𝐭: A password generator that creates random passwords using letters, numbers, and symbols 𝐊𝐞𝐲 𝐭𝐚𝐤𝐞𝐚𝐰𝐚𝐲: Used loops and random indexing to build a dynamic string generator #30DaysChallenge #WebDev #LearningInPublic

hi connections Day 22 of 30: Extending the Prototype with LeetCode 2619 🚀 Today’s challenge, Array Prototype Last, dives into one of JavaScript’s most powerful features: Prototypal Inheritance. Instead of writing a standard function, the task was to enhance the global Array object so that every array can call .last() to retrieve its final element. The Logic By adding a method to Array.prototype, we make it available to every array instance. Inside the function, the this keyword refers to the array itself, allowing us to access its length and indices. Key Takeaways: The "this" Context: Understanding how this refers to the calling object is crucial for building custom utilities. Edge Case Handling: In this problem, returning -1 for empty arrays is a specific requirement that differs from the usual undefined. Efficiency: Accessing an element by index is O(1), making this a lightning-fast operation regardless of array size. Customizing prototypes is a common practice in library development, and mastering it helps in writing cleaner, more intuitive code for complex applications. One more day down, more logic mastered! 💻✨ #JavaScript #LeetCode

🚀 Class 7: Master JavaScript Arrow Function Syntax! 🚀 Dive deep into arrow functions with this comprehensive guide covering all syntax variations - from basic arrows to implicit returns. Perfect for React developers! Includes hands-on demos and practical examples. 🔥 What you'll learn: Arrow function basics & syntax variations Parameters, braces, and implicit returns Real-world usage in JavaScript/React YouTube video link: https://lnkd.in/dcyUxbzi

🚀 #DSA_Journey #Day_125 Today I solved a different kind of problem — Counter (Closure concept). No arrays, no pointers… just pure JavaScript fundamentals. The idea is simple: 👉 Return a function that remembers its previous state Each call updates and returns the value — without using global variables. What makes this powerful: 👉 The function carries its own memory (closure) This isn’t about DSA patterns it’s about understanding how JavaScript actually works under the hood. What clicked today: 👉 If you don’t understand closures, you’re just guessing in JS 📌 Complexity Time Complexity: O(1) per call Space Complexity: O(1) 🙏 Acknowledgment Grateful to Akshay Saini 🚀 and the NamasteDev.com team for building strong core fundamentals. Not just coding. Understanding. #JavaScript #Closures #Functions #ProblemSolving #LearningInPublic #Consistency #SoftwareDevelopment #NamasteDev

💙 Day 1 of Learning TypeScript Today was all about building the foundation. 🔹 Primitive Types: number, string, boolean, null, undefined 🔹Non Primitive Types: Arrays, Objects, and Tuples let ourTuple: [string, number, boolean]; ourTuple = ['John', 2353, true]; 🔹 Functions with control const addNumber = (num1: number, num2: number): number => num1 + num2; 👉 No unexpected inputs 🔹 Cleaner & Scalable patterns ✔️ Spread operator ✔️ Object & Array destructuring ✔️ Type aliases (reusable types ) 🔹 Smarter type system 👉 Union types → restrict values 👉 Intersection types → combine structures 🔹 Handling null with Nullish Coalescing: const defaultName = webUser ?? 'Guest'; 💡 Learning of the day: TypeScript shifts errors from runtime to development time. GitHub | Check the src folder 👇 https://lnkd.in/gDsycMSS #TypeScript #WebDevelopment #LearningInPublic #100DaysOfCode #JavaScript

Objects in JavaScript | Simple Real Life Examples Full video link 👇🏻👇🏻👇🏻👇🏻 https://lnkd.in/gkSUw7y3 In this video, we will learn about Objects in JavaScript including what an object is, how it works, and where it is used. Objects are one of the most important concepts in JavaScript and are widely used in real-world applications. In this tutorial, you will learn: - What is an Object in JavaScript V How to create objects - Accessing object properties - Adding & updating values - Real-life examples (user, cart, API data) Full video link 👇🏻👇🏻👇🏻👇🏻 https://lnkd.in/gkSUw7y3

TypeScript was created to improve JavaScript by adding static types. And if you've been wanting to learn it, start here with this TS handbook. You'll learn about type annotations, type inference, the union and any types, objects, function params, type aliases, interfaces, and lots more. https://lnkd.in/eEwVi_ZE

🚀 JavaScript Challenge #3 Guess the output: console.log(null == undefined); console.log(null === undefined); 👇 Answer: 👉 null == undefined → true 👉 null === undefined → false 💡 Lesson: Loose equality behaves very differently. Which one do you use in real projects?