Day 16: JavaScript Fundamentals and Portfolio Update

Day 27 of my 28-day coding challenge was focused on practical JavaScript implementation. Here’s what I worked on today 👇 🛒 JavaScript Practice Built an Add to Cart functionality using pure JavaScript Worked on: - Handling button click events - Updating cart state dynamically - Managing quantities - Reflecting changes in the UI in real time - This felt like a real-world feature rather than just a practice exercise. Day 27 takeaway: Building real features strengthens logic, state handling, and DOM manipulation skills. 1 day to go. Staying consistent. #28DaysChallenge #Day27 #JavaScript #Frontend #Ecommerce #DOM #BuildInPublic #LearningInPublic #CodingJourney

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

Understanding Hoisting in JavaScript 🚀 Many developers get confused between var, let, and const when it comes to hoisting. Here’s the clear difference: • var → Hoisted and initialized with undefined • let → Hoisted but stays in Temporal Dead Zone (TDZ) • const → Hoisted, stays in TDZ, and must be initialized immediately Trying to access let or const before declaration results in a ReferenceError, while var returns undefined. Mastering hoisting helps you avoid hidden bugs and write predictable JavaScript code. #JavaScript #WebDevelopment #Frontend #Coding #100DaysOfCode

60 Days of JavaScript: Day 13 ✅ Another day, another step closer to JavaScript fluency. Today's focus: DOM Selection Methods We covered: ⚡ Dot syntax – understanding how objects talk ⚡ getElementById – precise element targeting ⚡ getElementsByTagName – group selection ⚡ querySelector & querySelectorAll – modern, flexible, powerful Slowly but surely, the DOM is opening up. Can't wait to start MANIPULATING what we select! Every day feels like adding another tool to the belt. The foundation is getting stronger. #JavaScript #CodingJourney #WebDevelopment #60DayChallenge #Frontend

JavaScript can be surprisingly logical… and surprisingly weird at the same time. 😄 Take a look at these three lines: console.log(true + true); console.log(null + 1); console.log(undefined + 1); Before running them, try guessing the outputs. Here’s what JavaScript actually returns: true + true → 2 null + 1 → 1 undefined + 1 → NaN At first, this felt a little strange to me. But it starts to make sense once you remember how type coercion works in JavaScript. true is treated as 1, so 1 + 1 = 2 null becomes 0, so 0 + 1 = 1 undefined turns into NaN, which leads to NaN Small examples like this are a good reminder that JavaScript quietly converts values behind the scenes. And if you’re not aware of it, the results can feel pretty surprising. The deeper I go into JavaScript, the more I realize that understanding these tiny behaviors makes a huge difference in writing reliable code. Which one caught you off guard the most? #javascript #webdevelopment #frontend #coding #learninginpublic

Built a simple To-Do List App using HTML and JavaScript. where users can add and delete tasks dynamically. While building this project, I practiced DOM manipulation, event handling, and dynamically creating elements in JavaScript. Small projects like this help strengthen the basics. 🚀 #javascript #webdevelopment #frontend #coding #learningbydoing

✅ The 3 Types of Execution Context in JavaScript. 1️⃣ Global Execution Context (GEC) - Created when the JavaScript file first runs. - There is only one global execution context. - It creates: - Global object (window in browser) - this (which refers to window in browser) - Stays in the call stack until program finishes. 2️⃣ Function Execution Context (FEC) - Created every time a function is invoked. - Each function call gets its own execution context. - Pushed to the call stack. - Removed after function finishes. 3️⃣ Eval Execution Context (Rare / Advanced) - Created when code runs inside eval(). - Very rarely used in real production. - Avoided due to security and performance issues. Cheers, Binay 🙏 #javscript #developement #softwareengineering #frontend #buildinpublic #JSInternals #Programming #TechCareers #TechInterview

🔁 Understanding Callback Functions in JavaScript A callback function is a function passed as an argument to another function and executed later. It’s one of the core concepts behind asynchronous programming in JavaScript. Why it matters? ✅ Handles asynchronous operations (API calls, timers, events) ✅ Keeps code modular and reusable ✅ Powers event-driven architecture ✅ Forms the foundation of Promises and Async/Await JavaScript is single-threaded, but callbacks allow us to perform non-blocking operations efficiently — making applications faster and more responsive. Mastering callbacks means understanding how JavaScript handles execution flow and the event loop. 🚀 Strong fundamentals in callbacks = Strong foundation in JavaScript. #JavaScript #WebDevelopment #FrontendDeveloper #AsyncProgramming #Callbacks #ProgrammingFundamentals

Hello, Tech Wizards 👋 🔥 JavaScript Coding Challenge – Day 6 | Event Loop Logic 🔥 What will be the output? console.log("Start"); setTimeout(() => { console.log("Timeout"); }, 0); Promise.resolve().then(() => { console.log("Promise"); }); console.log("End"); Think carefully about execution order. ✅ Answer: Start End Promise Timeout Why? 1️⃣ Synchronous code runs first → "Start" then "End" 2️⃣ Promises go to the microtask queue 3️⃣ setTimeout goes to the macrotask queue After the call stack is empty: Microtasks run first → "Promise" Then macrotasks → "Timeout" 📌 Concepts covered: Call Stack Microtask vs Macrotask Event Loop priority Most people assume setTimeout runs before Promise. It doesn’t. #JavaScript #FrontendDevelopment #WebDevelopment #CodingChallenge #100DaysOfCode #LearnInPublic #SoftwareDeveloper #TechCommunity #DeveloperJourney #WomenInTech