JavaScript Practice – Reverse a String Today I practiced a simple JavaScript program to reverse a string. Question: Write a function to reverse a string. Code: function reverseString(str){ return str.split("").reverse().join(""); } console.log(reverseString("mary")); Output: yram Explanation: • split("") – Converts the string into an array • reverse() – Reverses the array elements • join("") – Converts the array back into a string I am currently learning Frontend Development and practicing JavaScript programs daily. #javascript #frontenddeveloper #codingpractice #webdevelopment #learning

8 JavaScript String Methods That Every Developer Uses Daily String manipulation is at the core of almost every JavaScript project, yet many developers still Google these methods every time. Master these 8 essential methods and write cleaner, faster, more professional code from day one. These aren't just beginner concepts. Senior developers rely on these same methods in production code every single day. Bookmark this carousel. Share it with your team. What's your most-used JavaScript method? Let's discuss below 👇 #JavaScript #SoftwareDevelopment #WebDevelopment #ProgrammingTips #FrontendEngineering

JavaScript Practice – Find Even Numbers Today I practiced a simple JavaScript program to find even numbers from an array. Question: Write a function to find even numbers from an array. Code: function evenNumbers(arr){ return arr.filter(function(num){ return num % 2 === 0; }); } console.log(evenNumbers([1,2,3,4,5,6])); Output: [2,4,6] Explanation: • filter() – Creates a new array based on a condition • num % 2 === 0 – Checks if the number is even • Returns only even numbers from the array I am currently learning Frontend Development and practicing JavaScript programs daily. #javascript #frontenddeveloper #codingpractice #webdevelopment #learning

🚀 Built a small JavaScript project: Guess The Number Game Features: • Random number generation using JavaScript • User input validation • Dynamic feedback (Too high / Too low) • Attempt tracking Tech Stack: HTML • CSS • JavaScript This project helped me practice DOM manipulation and basic game logic. Try it here: https://lnkd.in/gMDTeM8N #webdevelopment #javascript #frontend #learning

🌀 Understanding the JavaScript Event Loop JavaScript is single-threaded, yet it handles asynchronous tasks efficiently—and the Event Loop is the reason why. This diagram breaks down how synchronous code runs in the Call Stack, while async operations move through Web APIs, Microtask Queue, and Macrotask Queue. 🔹 Microtasks (Promises, queueMicrotask) always run before macrotasks 🔹 Macrotasks (setTimeout, DOM events) wait for the next loop cycle 🔹 The Event Loop continuously checks the call stack and queues to decide what runs next That’s why the output order becomes 1 → 4 → 3 → 2, not what many beginners expect. Mastering this concept is key to writing efficient, bug-free JavaScript and excelling in interviews 🚀 #JavaScript #EventLoop #WebDevelopment #Frontend #AsyncJavaScript #LearningJS

Day 8: Higher Order Functions in JavaScript If you understand Higher Order Functions, you understand real JavaScript. 💡 Because in JavaScript, functions are first-class citizens. 🔹 What is a Higher Order Function? A function that: ✅ Takes another function as an argument OR ✅ Returns another function 🔹 Example 1: Function as Argument function greet(name) { return "Hello " + name; } function processUserInput(callback) { const name = "Shiv"; console.log(callback(name)); } processUserInput(greet); Here, processUserInput is a Higher Order Function because it accepts another function as a parameter. 🔹 Example 2: Function Returning Function function multiplier(x) { return function(y) { return x * y; }; } const double = multiplier(2); console.log(double(5)); // 10 This is the foundation of: ✔️ Closures ✔️ Currying ✔️ Functional programming 🔥 Real-Life Examples in JavaScript You already use Higher Order Functions daily: array.map() array.filter() array.reduce() All of them take a function as input. #Javascript #HigherOrderFunction #WebDevelopment #LearnInPublic

Day -02 JavaScript Core concepts 🚀 JavaScript Fundamentals Every Developer Should Know Strong basics make advanced concepts easier. Here’s a quick revision 👇 🔹 Scope – Defines where variables are accessible. function test() {let x = 10}; console.log(x); // ❌ Error 🔹 TDZ (Temporal Dead Zone) – let & const cannot be accessed before initialization. console.log(a); // ❌ ReferenceError let a = 5; 🔹 Closure – A function remembers its outer scope. function outer() {  let count = 0;  return () => ++count}; 🔹 Callback – A function passed into another function. function greet(name, cb) {  console.log("Hello " + name);  cb()}; 🔹 Pass-by-Value let num = 10; function change(x){ x = 20; } change(num); console.log(num); // 10 🔹 Truthy & Falsy Boolean(0);  // false Boolean([]); // true == vs === 5 == "5"; // true 5 === "5"; // false 💡 Master these core concepts, and JavaScript becomes much easier. #JavaScript #WebDevelopment #Frontend #Programming #JSInterview

Today I practiced a small JavaScript program to change the background color when a button is clicked. When the button is pressed, JavaScript triggers a function that changes the page’s background color using DOM manipulation. This helped me understand: ✔ Event handling ✔ onclick function ✔ DOM manipulation ✔ How JavaScript interacts with HTML & CSS Small practice, better understanding 🚀 #JavaScript #WebDevelopment #Frontend #CodingPractice #LearningJourney

🚀 Why map( ) is Preferred in JavaScript & React While working with arrays in JavaScript—especially in React—map( ) becomes a go-to choice 👇 ✅ Returns a new array (no mutation) ✅ Keeps code clean & readable ✅ Perfect for JSX rendering ✅ Fits well with functional programming ✅ Helps avoid unexpected bugs In React, writing predictable and declarative code is everything—and map() supports that mindset perfectly. “Write code that explains what you want, not how to do it.” 💡 Small choices like using map() can make a big difference in code quality. #JavaScript #ReactJS #WebDevelopment #Frontend #CleanCode #LearningJourney #100DaysOfCode