Worked on a few small projects while learning JavaScript in the browser. Focused mainly on: • DOM manipulation • forms and validation • timers (setTimeout, setInterval) • localStorage Nothing complex, but enough to understand how things actually behave. Handling user input, updating the UI, storing data - all of it made JavaScript feel more practical. These small projects helped connect multiple concepts together instead of learning them in isolation. #javascript #webdevelopment #frontend

Built a Task Pop-up feature using JavaScript to enhance user interaction and improve task management. This helped me understand dynamic DOM manipulation and event handling in real-world scenarios. Continuing to explore and build more interactive web features 🚀 #JavaScript #WebDevelopment #Frontend #LearningJourney

Just built and deployed my Number Guessing Game! A simple yet fun project to practice JavaScript logic, DOM manipulation, and UI interaction Watch the demo video below to see how it works Live Demo: https://lnkd.in/d_Vm4a8G #JavaScript #WebDevelopment #Frontend #Projects #Learning #Netlify

Understanding the JavaScript Event Loop This diagram breaks down how JavaScript handles asynchronous operations behind the scenes. 🔹 Call Stack This is where your code runs line by line. Functions like main(), logger(), and console.log() are executed here. JavaScript is single-threaded, so only one thing runs at a time. 🔹 Web APIs When your code uses async features like setTimeout, network requests, or event listeners, they are handled outside the call stack by browser-provided APIs. 🔹 Macrotask Queue Callbacks from Web APIs (like setTimeout, I/O, or user events such as clicks) are placed here once they’re ready. 🔹 Microtask Queue Promises (.then(), .catch(), .finally()) are handled here. This queue has higher priority than the macrotask queue. 🔹 Event Loop The event loop continuously checks: Is the call stack empty? If yes, it first processes all microtasks Then it takes one task from the macrotask queue Repeat 💡 Key Insight: After every single task, JavaScript runs all microtasks before moving to the next macrotask. That’s why Promise callbacks often run before setTimeout, even if the timeout is 0ms. #JavaScript #WebDevelopment #EventLoop #AsyncProgramming #Frontend

Day- 13 Validation Veltrix IT Solutions Built a complete Auth UI using HTML, CSS & JavaScript with real DOM manipulation 🔐 Implemented two types of validation: ✔️ Registration: open for everyone with proper email format validation ✔️ Login: restricted to a specific Gmail & password If incorrect credentials or invalid email syntax are entered, it instantly shows error feedback on the UI. Focused on clean UI, responsive design, and real-time validation using JavaScript. Github: https://lnkd.in/deafbSq6 #WebDevelopment #JavaScript #Frontend #DOM #Projects

Props vs State ⚔️ 🔹 Props 📥 ✔ Passed from parent component ✔ Read-only (immutable) ✔ Used for communication 🔹 State 📦 ✔ Managed inside component ✔ Can be updated ✔ Controls dynamic behavior 🔹 Key Difference 🧠 📥 Props = External Data 📦 State = Internal Data 🔹 When to Use? 👉 Props → Send data between components 👉 State → Handle user interaction & changes #ReactJS #PropsVsState #FrontendDev #JavaScript

Just built the classic Snake Game using HTML, CSS, and JavaScript 🐍 The logic behind it was really interesting — especially handling movement, detecting collisions, and making the snake grow after eating food. This project helped me improve: • JavaScript logic building • DOM manipulation • Game loop concepts Still learning and exploring 🚀 Would love to hear your feedback! #JavaScript #WebDevelopment #Frontend #Projects #Learning

Just built a simple but satisfying color loop using JavaScript — every click transitions the background through a smooth sequence of vibrant colors. It’s a small interaction, but it shows how powerful DOM manipulation + a bit of creativity can be. 💡 What’s inside: – Color arrays + looping logic – Smooth CSS transitions – Interactive UI feedback Sometimes it’s the little details that make a project feel alive. #JavaScript #WebDevelopment #Frontend #Coding #UIUX #100DaysOfCode #LearnToCode

This JavaScript library completely changed how I think about text. I’ve been working on my portfolio recently using the Pretext library by Cheng Lou and it’s absurd. Pretext is a JavaScript library that lets you break out of traditional CSS and DOM constraints and build truly dynamic UI. Instead of rendering everything and asking the DOM what happened, with Pretext you compute and measure everything first, then render once. This shift feels small, but it opens the door to more innovative, dynamic interfaces that aren't limited by typical layout rules. Check it out👇 : https://lnkd.in/ghedSc_K Pretext by Cheng Lou: https://lnkd.in/dy2n-utx #pretext #webdev #javascript #react #userinterface

💡 Mastering Closures in JavaScript! Today I explored one of the most powerful concepts in JavaScript — Closures 🔥 Built a small utility function makeTextSizer() that dynamically changes font size using closures. The inner function remembers the size even after the outer function has executed — and that’s the magic! ✨ 🧠 Key Learnings: 🛠️ Example use case:Click a button → dynamically update UI → clean & efficient code This is why JavaScript feels so powerful once you understand what’s happening behind the scenes. 🚀 On to deeper concepts next! #JavaScript #WebDevelopment #Frontend #Closures #CodingJourney #LearnInPublic #100DaysOfCode