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

🎮 Built a Simon Says Game using HTML, CSS & JavaScript I recently built a memory-based game where users have to repeat an increasing sequence of colors. I created this project while learning from #ApnaCollege, and it helped me strengthen my JavaScript fundamentals. 🔧 Key Features: • Interactive UI with color-based buttons • Keyboard event to start the game • Level progression system • Game-over and restart functionality 💡 What I learned: • DOM manipulation and event handling • Writing game logic step-by-step • Improving UI using HTML & CSS 🔗 Live Demo: https://lnkd.in/gJKbbDHq I would love to hear your feedback and suggestions to improve this further. #WebDevelopment #JavaScript #Frontend #Projects #LearningJourney #100DaysOfCode

🚀 Day 8 of #100DaysOfFrontend Built a Background Color Changer using HTML, CSS, and JavaScript 🎨 This simple project helped me understand DOM manipulation, event handling, and how to dynamically update styles using JavaScript. Also explored generating random colors for a better user experience. Consistency is key 🔑 — learning and building every single day 💪 🔗 Live Demo: https://lnkd.in/ggn74Msj 💻 GitHub: https://lnkd.in/gEAXCYND #JavaScript #FrontendDevelopment #WebDevelopment #BuildInPublic #Consistency

setTimeout does nothing inside the JavaScript engine. It's a label. A facade. When you call it, JS hands the work off to a browser feature - the actual timer lives outside JavaScript entirely. The browser runs it independently while JS continues on to the next line. All the features we think of as "JavaScript" - timers, network requests, DOM interactions - are actually browser APIs. JS just has labels that trigger them. This is how JS avoids blocking. It doesn't wait. It delegates. The result comes back later, through a controlled channel called the callback queue. Next: the event loop - the single mechanism that controls when deferred code is allowed back into JavaScript. #JavaScript #WebDevelopment #Programming #SoftwareEngineering

🚀 Exploring JavaScript Timers & DOM Manipulation I recently built a small project to understand how setTimeout, setInterval, and DOM events work together in JavaScript. 💡 Here’s what this mini project demonstrates: 🔹 setTimeout() Updates text after a delay Can be stopped using clearTimeout() 🔹 setInterval() Continuously updates content (live timestamp) Prevented multiple intervals using a condition Controlled with Start/Stop buttons 🔹 Dynamic Background Color 🎨 Generates random HEX colors Changes UI background every second Uses Start/Stop logic for better control 🧠 Key Learnings: Managing intervals properly (avoiding multiple executions) Writing reusable functions like randomColor() Improving user interaction with event listeners Understanding real-time updates in the browser 💻 This project helped me strengthen my fundamentals in: JavaScript • DOM Manipulation • Event Handling • Timers ✨ Small projects like this build strong foundations! #JavaScript #WebDevelopment #Frontend #Coding #100DaysOfCode #Learning #DeveloperJourney

🚀 Day 9 of #100DaysOfFrontend Built a Random Quote Generator using HTML, CSS, and JavaScript 💬 This project helped me understand how to work with arrays, generate random data, and update the UI dynamically using DOM manipulation. Small steps every day, but consistent progress 💪 Learning, building, and improving one project at a time 🔥 🔗 Live Demo: https://lnkd.in/gmYjmihf 💻 GitHub:https://lnkd.in/gNyMr8Ys #JavaScript #FrontendDevelopment #WebDevelopment #BuildInPublic #Consistency

Day 18 of My JavaScript Journey 🚀 Today, I built my second JavaScript project (A Modal Window.) The project works like this: • Clicking show modal button opens a modal (popup box) • Clicking the close button hides it • Pressing the “Escape” key also closes it In this project, I used: • document.querySelector to select elements • addEventListener to handle user actions • classList to show and hide the modal • keydown event to detect when the ESC key is pressed One thing I found interesting: Handling keyboard events made the project feel more interactive and user-friendly. Key takeaway: JavaScript allows you to control both mouse and keyboard interactions on a webpage. #JavaScript #WebDevelopment #LearningInPublic #100DaysOfCode

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

Practicing JavaScript Strings with a simple hands-on project 💻 Built a couple of small projects,out of them one is here 🔹 Convert text to UPPERCASE & lowercase 🔹 Remove extra spaces 🔹 Replace specific words dynamically This helped me improve my understanding of: ✔ String methods ✔ Regular expressions for cleaning text ✔ DOM manipulation & event handling #JavaScript #WebDevelopment #Frontend #CodingPractice #LearningJourney

🚀 Day 6/108 – Conditional Statements in JavaScript Continuing my 108-day JavaScript journey — today I learned how to make decisions in code 👇 👉 What are Conditional Statements? They allow us to execute different blocks of code based on conditions. 🧠 Types of Conditional Statements: 🔹 if statement Executes code if a condition is true 🔹 if...else statement Executes one block if true, another if false 🔹 if...else if...else Used to check multiple conditions 🔹 switch statement Used when comparing one value against multiple cases 💻 Example: let age = 18; if (age >= 18) { console.log("You are an adult"); } else { console.log("You are a minor"); } 🧠 Key Insight: Conditions always return either "true" or "false". ⚠️ Quick Note: JavaScript also has truthy and falsy values Falsy values → "false, 0, "", null, undefined, NaN" 🔥 Learning step by step — consistency is everything! How do you usually write conditions — if-else or switch? 👇 #JavaScript #WebDevelopment #CodingJourney #LearningInPublic #100DaysOfCode