JavaScript Fundamentals: Day 28 of 30 Days of Code Challenge

🚀 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

Modern JavaScript: Iterators and Generators Learned to make data structures iterable, created generators for finite and infinite sequences, and used generators as observers. #TIET #ThaparUniversity #ThaparOutcomeBasedLearning #ThaparCoursera #Coursera #UCS654_Predictive_Analytics

Today I finally understood how JavaScript actually stores data in memory — and it changed the way I look at code. Earlier, I used to just write variables and functions without thinking much about what’s happening behind the scenes. But now it makes a lot more sense: Primitive values (like numbers, strings, booleans) are stored directly in memory Reference types (like arrays and objects) are stored differently — the variable holds a reference, not the actual value That’s why things like this behave unexpectedly sometimes: Copying objects doesn’t create a real copy Changing one reference can affect another Understanding this cleared up a lot of confusion I had while debugging. Still learning, but this felt like a small breakthrough Hitesh Choudhary Piyush Garg Chai Code #JavaScript #WebDevelopment #100DaysOfCode #LearningInPublic

🚀 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

🚀 Day 968 of #1000DaysOfCode ✨ Types of Loops in JavaScript (Explained Simply) Loops are one of the most fundamental concepts in JavaScript — but choosing the right one can make a big difference in your code. In today’s post, I’ve explained the different types of loops in JavaScript in a simple and practical way, so you can understand when to use each one. From `for` and `while` to `for...of` and `for...in`, each loop has its own purpose depending on how you’re working with data. Using the right loop not only makes your code cleaner but also improves readability and performance in many cases. This is one of those basics that every developer uses daily — but mastering it helps you write much better code. If you’re working with arrays, objects, or complex data structures, this is something you should be confident about. 👇 Which loop do you use the most in your day-to-day coding? #Day968 #learningoftheday #1000daysofcodingchallenge #FrontendDevelopment #WebDevelopment #JavaScript #React #CodingCommunity #JSBasics

🚀 JavaScript Practice – Arrays & Data Handling I’ve been working on strengthening my JavaScript fundamentals, and today I focused on Arrays and their methods. Here’s what I practiced in this mini project 👇 ✅ Created empty arrays using literal notation ✅ Stored different types of data (strings, numbers, boolean, mixed) ✅ Displayed qualifications dynamically using HTML + JS ✅ Calculated student percentages from scores ✅ Sorted arrays using .sort() ✅ Extracted elements using .splice() ✅ Converted array to string using .join() ✅ Simulated FIFO & LIFO concepts (devices example) ✅ Created a dropdown list dynamically from an array 💡 This practice helped me better understand how arrays work in real scenarios and how we can manipulate and display data dynamically in the browser.

Day 66 | JavaScript Loops & Array Iteration Today I practiced JavaScript loops and working with arrays of objects🧑🏻💻 - What I Worked On: •Iterated through array of objects using for loop •Printed all elements and accessed object properties like loc •Used loop with step increment (i += 2) to print alternate values •Practiced reverse counting using for and while loops •Used forEach() for cleaner array iteration 💡 Key Learning: •Arrays of objects are very common in real-world applications •Loop conditions must be handled carefully (i < length vs <= length) •forEach() is simple and readable for iteration •Multiple ways to loop → choose based on requirement Takeaway: Mastering loops is key to handling data efficiently in JavaScript Consistency is improving logic step by step #Day66 #JavaScript #Loops #Arraylteration #ProblemSolving #CodingJourney #10000Coders #WebDevelopment #SravanKumarSir

Today I explored more concepts in JavaScript and practiced hands-on coding. Topics I covered: ✔️ Variables (let, const) ✔️ Dynamic typing in JavaScript ✔️ Objects (creating, accessing, updating) ✔️ Adding new properties to objects ✔️ Functions inside objects (methods) 💡 Key Takeaway: JavaScript objects are very powerful for storing and managing real-world data, and understanding them is essential for working with APIs and building applications. 📸 Sharing some practice screenshots below. Next Step → Arrays and more real-world examples 🔥 #javascript #webdevelopment #codingjourney #mern #learning

🚀 𝐃𝐚𝐲 𝟒 𝐨𝐟 𝐌𝐲 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐒𝐞𝐫𝐢𝐞𝐬 Today I learned about if-else (Conditions) in JavaScript 💡 👉 Conditions are used to make decisions in code. 📌 Syntax: if (condition) { // code runs if condition is true } else { // code runs if condition is false } 📌 Example: let age = 18; if (age >= 18) { console.log("You can vote"); } else { console.log("You cannot vote"); } 👉 Also learned about: else if → check multiple conditions 📌 Example: let marks = 75; if (marks > 90) { console.log("Grade A"); } else if (marks > 60) { console.log("Grade B"); } else { console.log("Grade C"); } 👉 Conditions help in building real-world logic 💻✨ 💬 Question: Have you used if-else in any project yet? Let’s learn together 🚀 #JavaScript #WebDevelopment #LearningInPublic #Day4 #FrontendDevelopment