Explaining Hoisting Scope Array Methods Async JS with Interactive Examples

🚀 Day 6 of #30DaysOfJavaScript Today I built a Random Password Generator using JavaScript. This project generates a secure random password and also allows users to copy it easily. 🔹 Features ✔ Generate random strong password ✔ Copy password to clipboard ✔ Clean and simple UI 🛠 Tech Used HTML CSS JavaScript 🔗 Live Demo: https://lnkd.in/gvMGMfgr 🔗 GitHub Repository: https://lnkd.in/gxigBsYp I’m improving my JavaScript skills by building projects every day. More projects coming soon 🚀 #javascript #webdevelopment #frontenddevelopment #coding #100daysofcode

> Day 12/21 : JavaScript Control Flow As part of my 21-Day Full Stack Revision Challenge, today I revised control flow in JavaScript, which helps programs make decisions and repeat tasks. Control flow is important because it allows the program to execute different actions based on conditions. > Topics I Covered If–Else Statements – Used to execute code based on conditions Switch Statements – A cleaner way to handle multiple conditions Loops – Used to repeat a block of code multiple times > Why It Matters Control flow helps developers build logical and dynamic programs by controlling how and when code runs. Day 12 completed #FullStackDeveloper #JavaScript #WebDevelopment #LearningInPublic #21DaysChallenge #CodingJourney

💡 Built a simple interactive Counter using JavaScript! Features include: Increment & Decrement Reset Save & Load A small project, created for JavaScript practice, and it helped me strengthen my concept in DOM manipulation, event handling, and local storage. #JavaScript #WebDevelopment #Coding #Projects #JSPractice

💡 JavaScript Tip: slice() vs splice() Many beginners get confused between slice() and splice(). Here’s a simple example to understand the difference. Code 👇 let arr = [1,2,3,4] let a = arr.slice(1,3) let b = arr.splice(1,3) console.log(arr) console.log(a) console.log(b) 🔎 What happens here? • slice() → Creates a new array and does NOT change the original array. • splice() → Changes the original array and returns the removed elements. 📌 Output arr → [1] a → [2,3] b → [2,3,4] Understanding small differences like this helps a lot in JavaScript interviews and real projects. #javascript #webdevelopment #coding #programming #frontenddeveloper #100daysofcode

🚀 Day 5/21 – JavaScript DOM Project Built a Random Quote Generator using JavaScript. Live Link: 🛠 Features implemented: ✅ Displays a random motivational quote ✅ Generates new quote on button click ✅ Uses JavaScript arrays and Math.random() ✅ Dynamic DOM updates 💡 Key Learning: Learned how to generate random values and update UI dynamically using DOM manipulation. #Day5 #JavaScript #DOM #FrontendDevelopment #LearnInPublic

While learning JavaScript, I wanted to understand the actual flow of asynchronous operations. This simple diagram shows the sequence from fetch() to Promises, async/await, error handling with try/catch, and finally organizing code using ES Modules. I learned these concepts from Devendra Dhote bhaiya and tried to visualize the flow in a simple way. Breaking concepts into small visual steps makes asynchronous JavaScript much easier to understand. #javascript #webdevelopment #frontend #learninginpublic #sheryians

Day 5 of “Js in bits series – (Datatypes - String)” Some interesting things we explore: 🔹 What exactly a JavaScript string is 🔹 Different ways to create strings (' ', " ", and template literals ` `) 🔹 Why strings are immutable in JavaScript 🔹 Practical examples of working with strings 👉 https://lnkd.in/gZJecfRG #javascript #webdevelopment #frontend #learning #softwareengineering #coding

🚀 JavaScript Basics – var vs let vs const While revising core concepts, I refreshed my understanding of variable declarations in JavaScript. Here’s a quick breakdown: 🔹 var • Function scoped • Can be redeclared • Can be updated 🔹 let • Block scoped • Cannot be redeclared in the same scope • Can be updated 🔹 const • Block scoped • Cannot be redeclared • Cannot be reassigned 💡 Best Practice: Use const by default. Use let when the value needs to change. Avoid using var in modern JavaScript. Strong fundamentals = Strong development skills. #javascript #webdevelopment #frontenddeveloper #coding #learninginpublic #100DaysOfCode

 I worked with regular functions and arrow functions in JavaScript, and it was really interesting. Functions make big tasks much easier. We can organize all the logic inside a function and simply call it when needed — no need to write the same code again and again. Once the structure is ready, it saves a lot of time. Arrow functions feel like a shorter and cleaner version of regular functions. With a single parameter and a one-line result, we don’t even need to write return. For multiple lines, we use return as usual. Learning step by step and enjoying the process. #JavaScript #Functions #ArrowFunctions #CodingJourney #WebDevelopment

💻 JavaScript Beginner Level Practice – Factorial Program Today I practiced a JavaScript program to calculate the factorial of a number using recursion. function factorial(n){ if(n === 0 || n === 1){ return 1; } return n * factorial(n - 1); } console.log(factorial(5)); 📌 Output: 120 💡 Explanation: Factorial means multiplying all whole numbers from 1 to the given number. Example: 5! = 5 × 4 × 3 × 2 × 1 = 120. #JavaScript #BeginnerLevel #CodingPractice #WebDevelopment #LearningToCode