Sanjay H R’s Post

🚀 Day 14 of My JavaScript Learning Journey Today I learned about JavaScript Objects — Access, Add, Update & Delete properties. 📌 Key concepts I explored: 🔹 What is an Object? • A collection of key-value pairs • Used to store structured data Example: let user = { name: "Sanjay", age: 21 }; 🔹 Accessing Object Data • Dot Notation → user.name • Bracket Notation → user["age"] 💡 Bracket notation is useful when keys are dynamic or contain special characters. 🔹 Modifying Objects • Add → user.city = "Bangalore" • Update → user.age = 22 🔹 Deleting Properties • Use delete keyword Example: delete user.city; 🔹 Important Insight • Objects are mutable, meaning they can be changed after creation 💡 Understanding objects is essential because they are widely used to represent real-world data in applications. Step by step, I’m improving my JavaScript fundamentals and practical coding skills. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #100DaysOfCode #DeveloperJourney #ProgrammingBasics

🚀 Day 8 of My JavaScript Learning Journey Today I learned about Strings in JavaScript and explored various built-in methods to manipulate text. 📌 What I learned: • A String is a sequence of characters used to store text data • Strings are immutable (cannot be changed directly) • It is a primitive data type • String operations always return a new string ⚙️ String methods I practiced: ✔ length ✔ toUpperCase() / toLowerCase() ✔ trim() ✔ slice() / substring() ✔ replace() ✔ includes() ✔ indexOf() ✔ split() ✔ concat() 💡 I also practiced template literals: Hello ${name} → makes string formatting easier and cleaner. Understanding strings is very important because text handling is used in almost every application. Step by step, I’m improving my JavaScript fundamentals and coding skills. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics

🚀 Day 13 of My JavaScript Learning Journey Today I learned about Looping Through Arrays in JavaScript and different ways to iterate over data efficiently. 📌 Key concepts I explored: 🔹 Manual Iteration • for...in → Iterates over indexes • for...of → Iterates over values directly 💡 Best Practice: Avoid using for...in for arrays. Prefer for...of for better readability and reliability. 🔹 Functional Iteration • forEach() → Executes a function for each element • Clean and modern way to write iteration logic Example: arr.forEach((value, index) => { console.log(value, index); }); 🔹 Quick Comparison • for...in → Returns index • for...of → Returns value • forEach() → Uses function (modern approach) 💡 Understanding iteration helps in writing clean, efficient, and readable code, especially when working with large datasets. Step by step, I’m improving my JavaScript fundamentals and coding logic. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics

🚀 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 🚀

🚀 Day 10 of My JavaScript Learning Journey Today I explored JavaScript Functions — the core building blocks of any application. 📌 Key concepts I learned: 🔹 Types of Functions • Named Functions – Functions with a defined name • Anonymous Functions – Functions without a name, often used for one-time use • Arrow Functions (=>) – Modern and concise syntax 🔹 Function Expressions • Functions can be assigned to variables and treated like data 🔹 Advanced Concepts • First-Class Functions – Functions can be passed as arguments and returned from other functions • Higher-Order Functions – Functions that work with other functions • IIFE (Immediately Invoked Function Expression) – Executes immediately after definition 🔹 Scope & Closures • Nested Functions create scope within scope • Important for managing variables and data access 🔹 Generators • Functions that allow pausable execution using yield ⚙️ Understanding functions is crucial because they help write modular, reusable, and efficient code. Step by step, I’m building strong JavaScript fundamentals and problem-solving skills. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics

Day 2 of My JavaScript Journey 🚀 Today, I learned about values and variables in JavaScript. Values are the most fundamental unit of information in programming. Everything in JavaScript is built around values; numbers, text, true/false, etc. Variables, on the other hand, are like containers (or boxes) used to store these values so they can be reused later in a program. For example: let age = 20; Here, "20" is the value, and "age" is the variable storing it. One simple way to understand it: Values = the data Variables = where the data is stored Key takeaway: Variables make it easier to manage and reuse data efficiently in your code. I’m documenting my journey daily as I grow in JavaScript. #JavaScript #WebDevelopment #LearningInPublic #100DaysOfCode

Day 4 of my JavaScript learning journey 🚀 Yesterday was all about building a strong foundation by understanding some core JavaScript concepts: 🔹 Introduction to JavaScript Got a clearer picture of how JavaScript powers interactivity on web pages and why it's such an essential language for developers. 🔹 Variables in JavaScript Learned how to store and manage data using: - var – function-scoped and the old way of declaring variables - let – block-scoped and more flexible - const – block-scoped and used for values that shouldn’t change 🔹 JavaScript Output Methods Explored different ways to display data: - "console.log()" – for debugging in the console - "document.write()" – directly writing to the webpage - "alert()" – showing pop-up messages - "prompt()" – taking user input 🔹 JavaScript Data Types Understood how data is categorized: - Primitive Types – string, number, boolean, null, undefined, symbol, bigint - Non-Primitive Types (Important) – objects, arrays, and functions It’s amazing to see how these basic concepts connect and form the backbone of everything we build in JavaScript. Looking forward to diving deeper and building more 🚀 #JavaScript #WebDevelopment #LearningJourney #Day4 #Coding

🚀 JavaScript Essentials — closures, Math operators & recursion, but make it real Step by step, I’m building stronger JavaScript fundamentals through practice. In this homework, I worked on topics that are simple in theory, but much more interesting when you actually implement them yourself: ● Closures & state management ● Recursive functions ● Math methods and function binding with apply() / bind() 🛠 What I built in practice: ● counter() — a closure-based counter that remembers its state and can restart from any given number ● counterFactory() — a small counter object with .value(), .increment(), and .decrement() built with closures ● myPow(a, b, myPrint) — a recursive power function with a callback for formatted output ● myMax(arr) — finding the maximum value in an array using Math.max.apply() ● myMul(a, b) + myDouble() / myTriple() — reusing logic with bind() This task helped me better understand how JavaScript works with scope, closures, recursion, and reusable functional patterns. What I like about this kind of practice is that it turns abstract concepts into something tangible. Not just “I read it” — but “I built it, tested it, and now I actually get it.” 🔗 GitHub: https://lnkd.in/dHTBr-h3 Always learning. Always building. One function at a time 💻 "Coding like Zagreus: dying, retrying, and somehow making progress. ⚔️💻" #JavaScript #LearningByDoing #Closures #Recursion #MathOperators #FunctionalProgramming #Frontend #CodingJourney #WebDevelopment

Day 07 of My JavaScript Learning 👉 Finding the largest among three numbers How to compare multiple values using if-else Writing clean and readable conditions Converting logic into a reusable function // Find the largest among 3 numbers let firstNum = 5; let secondNum = 10; let thirdNum = 2; if (firstNum >= secondNum && firstNum >= thirdNum) { console.log(firstNum); } else if (secondNum >= firstNum && secondNum >= thirdNum) { console.log(secondNum); } else { console.log(thirdNum); } 🔁 Making it reusable with a function: let largestInFunction = function(firstNum, secondNum, thirdNum) { if (firstNum >= secondNum && firstNum >= thirdNum) { return firstNum; } else if (secondNum >= firstNum && secondNum >= thirdNum) { return secondNum; } else { return thirdNum; } } console.log(largestInFunction(3, 1, 4)); 🌱 My takeaway: Even simple problems help build strong fundamentals. The goal is not just solving — but understanding the logic behind it. #Day07 #JavaScript #LearningJourney #FrontendDeveloper #CodingPractice

🚀 JavaScript Objects Made Simple! Just wrapped up a clean sketchnote-style infographic on one of the most important concepts in JavaScript — Objects 💡 From understanding how data is stored as key → value pairs to performing operations like: 🔹 Accessing properties (dot vs bracket) 🔹 Adding new data ➕ 🔹 Updating existing values ✏️ 🔹 Deleting properties ❌ …and exploring powerful built-in methods like: 🔑 Object.keys() 📦 Object.values() 🔄 Object.entries() This visual breaks everything down into a simple flow: Object → Access → Add → Update → Delete → Methods Perfect for beginners and anyone revising JavaScript fundamentals in a quick, visual way 🎯 Consistency is key — learning a little every day! #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #LearnToCode #Programming #Developers #TechSkills