Mastering JavaScript Fundamentals for Stronger Code

Day 2 of my JavaScript learning journey. Everyone says: “Just use let and const, never var.” Today I finally understood why. Variables already managed to confuse me once. Here’s what I explored today. Variables in JavaScript: -Variables store data so we can use it later in our program. There are three ways to create them: 1️⃣ var The old way. It’s function-scoped and gets hoisted, which can sometimes cause confusing behavior. 2️⃣ let Modern and block-scoped. You can change the value later. let score = 10; score = 20; 3️⃣ const Also block-scoped, but the value cannot be reassigned. const name = "Shobhit"; One interesting thing I learned: Even if a variable is declared with const, objects inside it can still be modified. Another surprising discovery: typeof null returns "object". This is actually a long-standing JavaScript bug from the early days of the language. It stayed because changing it would break too many websites. My rule going forward: Use const by default. Use let when the value needs to change. Avoid var. Day 2 done. Slowly understanding how JavaScript actually works. What confused you the most when you first learned JavaScript? #JavaScript #LearningInPublic #WebDevelopment #100DaysOfCode #Frontend

🚀 Day 7/100 of #100DaysOfCode Today was all about strengthening JavaScript fundamentals — revisiting concepts that seem simple but are often misunderstood. 🔁 map() vs forEach() Both are used to iterate over arrays, but they serve different purposes: 👉 map() Returns a new array Used when you want to transform data Does not modify the original array Example: const doubled = arr.map(num => num * 2); 👉 forEach() Does not return anything (undefined) Used for executing side effects (logging, updating values, etc.) Often modifies existing data or performs actions Example: arr.forEach(num => console.log(num)); ⚔️ Key Difference: Use map() when you need a new transformed array Use forEach() when you just want to loop and perform actions ⚖️ == vs === (Equality in JS) 👉 == (Loose Equality) Compares values after type conversion Can lead to unexpected results Example: '5' == 5 // true 😬 👉 === (Strict Equality) Compares value AND type No type coercion → safer and predictable Example: '5' === 5 // false ✅ 💡 Takeaway: Small concepts like these make a big difference in writing clean, bug-free code. Mastering the basics is what separates good developers from great ones. 🔥 Consistency > Intensity On to Day 8! #JavaScript #WebDevelopment #CodingJourney #LearnInPublic #Developers #100DaysOfCode #SheryiansCodingSchool #Sheryians

📣 𝗡𝗲𝘅𝘁 𝗕𝗹𝗼𝗴 𝗶𝘀 𝗛𝗲𝗿𝗲! ⤵️ Arrow Functions in JavaScript — A Simpler Way to Write Functions ⚡🧠 Regular functions work fine. But when logic becomes small and frequent, typing all that syntax starts feeling heavy. This blog explains arrow functions in a clear, beginner-friendly way — focusing on syntax, mental models, and real usage. 🔗 𝗥𝗲𝗮𝗱 𝗵𝗲𝗿𝗲: https://lnkd.in/gMBAZxX5 𝗧𝗼𝗽𝗶𝗰𝘀 𝗰𝗼𝘃𝗲𝗿𝗲𝗱 ✍🏻: ⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺ ⇢ What arrow functions actually are ⇢ Converting normal functions to arrow step by step ⇢ Basic syntax and parameter rules ⇢ Implicit return — the real magic ⇢ When implicit return does NOT work ⇢ Using arrow functions in map(), filter(), and callbacks ⇢ Common beginner mistakes and how to fix them ⇢ When to use arrow functions vs regular functions ⇢ Practical examples for faster understanding 💬 If functions still feel verbose or repetitive, this article helps you write cleaner and more modern JavaScript. #ChaiAurCode #JavaScript #ArrowFunctions #WebDevelopment #ProgrammingBasics #Beginners #LearningInPublic #100DaysOfCoding

🚨 JavaScript looks simple… until you start learning its quirks. Today I had a learning session on JS, and honestly, it reminded me why this language is both powerful and weird at the same time. Some things look obvious… until you realize JavaScript behaves differently than you expected. Here are a few insights that made me pause today 👇 🔹 Arrays can act like a deque Push, pop, shift, unshift -- both ends are usable. 🔹 Arrays compare by reference, not value Two identical arrays are still different objects. 🔹 sort() is tricky By default it sorts lexicographically, not numerically. 🔹 [Symbol.iterator] defines iterables If an object implements it, you can loop through it. 🔹 Array-likes exist Objects like String, arguments, and NodeList have indexes and length, but they are not real arrays. 🔹 Map vs Set Map → key/value with flexible keys Set → collection of unique values 🔹 WeakMap & WeakSet They store weak references, which helps JavaScript’s garbage collector automatically clean up unused objects 🤠 And of course… JavaScript Date -- the old sheriff in town. Every time I study JS deeper, I realize how many hidden behaviors it has. What’s the most confusing JavaScript concept you’ve learned recently? #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #LearnInPublic

If you’re learning JavaScript, these array methods will save you a lot of time. Instead of writing long loops, you can use 𝗯𝘂𝗶𝗹𝘁-𝗶𝗻 𝗺𝗲𝘁𝗵𝗼𝗱𝘀 like: • push() • pop() • shift() • unshift() • map() • filter() • reduce() • forEach() They make your code 𝗰𝗹𝗲𝗮𝗻𝗲𝗿, 𝘀𝗵𝗼𝗿𝘁𝗲𝗿, 𝗮𝗻𝗱 𝗲𝗮𝘀𝗶𝗲𝗿 𝘁𝗼 𝗿𝗲𝗮𝗱. While documenting my learning journey, I wrote a beginner-friendly blog explaining these methods with 𝘀𝗶𝗺𝗽𝗹𝗲 𝗲𝘅𝗮𝗺𝗽𝗹𝗲𝘀 and 𝘃𝗶𝘀𝘂𝗮𝗹 𝗱𝗿𝘆 𝗿𝘂𝗻𝘀. 𝗥𝗲𝗮𝗱 𝗵𝗲𝗿𝗲 👇 https://lnkd.in/gghsxHJX Chai Aur Code ☕ #javascript #webdevelopment #learninpublic

🚨 Ever seen JavaScript code that looks like a staircase? 💡 In JavaScript, a callback is a function that runs after a task finishes. For example, after fetching data from an API. Sounds easy… until multiple tasks depend on each other. Then the code starts looking like this: ➡️ Get users ➡️ Then get their posts ➡️ Then get comments ➡️ Then get the comment author Every step waits for the previous one. And suddenly code becomes a deep pyramid of nested functions, often called the “Pyramid of Doom” or "Sideways Triangle." ⚠️ Why developers avoid it: 🔴 Hard to read 🔴 Hard to debug 🔴 Hard to maintain ✨ Modern JavaScript solves this with: ✅ Promises ✅ async / await Both make asynchronous code cleaner and easier to understand. What JavaScript concept confused you the most when you started learning? 👇 Let’s discuss. #JavaScript #WebDevelopment #CodingJourney #AsyncProgramming #LearnInPublic

Last night’s cohort session was highly productive and insightful. We explored one of the most important concepts in JavaScript — Promises — and understood how asynchronous operations work behind the scenes. I learned how to properly use: Promise .then() for handling successful responses .catch() for handling errors One important concept we learned in more depth was that error handling is not limited to .catch() only. We can also handle errors inside .then() by passing a second callback function. Along with that, we understood that multiple .then() and .catch() methods can be chained together, which helps manage complex asynchronous flows in a clean and structured way. Understanding these concepts is helping me build a stronger foundation in JavaScript, especially for real-world applications where APIs and async operations are involved. We also completed quizzes to test our understanding and had a live discussion session that cleared many practical doubts. The interactive conversation made the learning experience even more impactful.

🚀 Day 14/100 – Arrays in JavaScript = Small Methods, Big Power! Today I went back to basics and realized something powerful 👇 👉 Mastering array methods = writing cleaner, smarter code. Here’s a quick breakdown of what I revised 👇 💡 Transform & Create split() → turns a string into an array "hello world".split(" ") // ["hello", "world"] 💡 Add Elements push() → add at the end unshift() → add at the beginning let arr = [2,3]; arr.push(4); // [2,3,4] arr.unshift(1); // [1,2,3,4] 💡 Remove Elements pop() → removes last element arr.pop(); // [1,2,3] 💡 Find & Check indexOf() → find position [10,20,30].indexOf(20) // 1 💡 Rearrange reverse() → flips the array [1,2,3].reverse() // [3,2,1] 💡 Convert toString() → array → string join() → array → custom string [1,2,3].join("-") // "1-2-3" ✨ Big Realization: These aren’t just “methods”… they’re tools to think better in code. The more I practice, the more patterns I start seeing 🔁 📈 Consistency > Intensity Day by day, getting sharper. #100DaysOfCode #JavaScript #CodingJourney #LearnInPublic #WebDevelopment #LearningInPublic Sheryians Coding School Sheryians Coding School Community

🚀 Struggling to remember JavaScript array methods? You’re not alone. 💡 Arrays are one of the most powerful parts of JavaScript — and mastering their methods can seriously level up your coding skills. 🔹 Why Array Methods Matter • Help you write cleaner and shorter code • Make data manipulation easy and efficient • Replace complex loops with simple logic 🔹 Must-Know Categories • Adding/Removing → push, pop, shift, unshift • Transformation → map, filter • Searching → find, findIndex, includes • Aggregation → reduce • Utility → slice, splice, sort, reverse 🔹 Pro Tip ✨ 👉 If you understand map, filter, and reduce, you’re already ahead of most developers. 📌 Don’t just memorize — practice them in real projects. #JavaScript #WebDevelopment #FrontendDevelopment #Coding #LearnToCode #100DaysOfCode

JavaScript Deep Dive [Master Functions part-2] : this, Arrow Functions & More.. One of the most confusing topics in JavaScript is how the this keyword behaves in different situations. Many developers struggle with the difference between regular functions and arrow functions. To make this concept easier, I’ve shared a new PDF: “Mastering JavaScript Context: this & Arrow Functions.” In this guide, you’ll learn: ✅ How this works in JavaScript execution context ✅ The key difference between regular functions and arrow functions ✅ Dynamic runtime binding vs lexical binding ✅ Why arrow functions don’t have their own this ✅ Practical insights into IIFEs and function execution and more. Understanding function context is critical for writing clean, predictable, and bug-free JavaScript, especially when working with objects, event handlers, and modern frameworks. 📄 Check out the PDF and share your thoughts. 🔰 check out First Part of Mastering Functions on my profile. #JavaScript #JavaScriptDeveloper #WebDevelopment #FrontendDevelopment #Programming #Coding #SoftwareDevelopment #LearnJavaScript #JSFunctions #ArrowFunctions #DeveloperCommunity #MERN #learnJavascript #learnReact #js #adityathakor #aditya