🎲 Just built a Dice Game using HTML, CSS, and JavaScript! Here’s a short demo of the website in action 👇 💡 What I learned: -DOM manipulation and event handling in JavaScript -Generating random numbers for dice rolls -Dynamically updating images and text in the browser This project helped me connect my frontend design with real JavaScript logic to make something interactive and fun. 🔗 Check out the complete code on my GitHub: 👉 [https://lnkd.in/dDgrvdeB] Would love your feedback or suggestions for improvement! 🙌 #WebDevelopment #JavaScript #Frontend #HTML #CSS #CodingProjects #DeveloperJourney #LearningByDoing #StudentProjects

🚀 Day 54 of #100DaysOfCodingChallenge Today, I created a To-Do List Web Application using HTML, CSS, Bootstrap, and JavaScript 📝 This project might look simple at first glance, but it’s one of the best exercises to strengthen core front-end concepts such as: ✨ Dynamic DOM manipulation ✨ Event handling (adding, deleting, checking tasks) ✨ Managing data using Local Storage ✨ Structuring clean UI with Bootstrap 4 ✨ Writing reusable functions to handle user interactions 💡 Features implemented: ✅ Add new tasks 🗑️ Delete tasks ✔️ Mark tasks as completed 💾 Save tasks even after page reload (via Local Storage) This project helped me understand how to connect JavaScript logic with HTML elements in real-time, and gave me a better grip on how state management works inside web applications. It’s a small step, but one that builds the foundation for more complex apps like Notes, Reminders, or Task Managers! 💪 Onward to the next milestone! #Day54 #100DaysOfCode #WebDevelopment #JavaScript #Frontend #Bootstrap #CodingJourney #LocalStorage #TodoApp #KeepLearning #Motivation #DeveloperLife

🚀 Exploring Web Development Basics! I recently built two fun beginner projects using HTML, CSS, and JavaScript 🎨💻 1️⃣ Light & Dark Mode Toggle – A simple webpage that switches between light and dark themes with a single button click 🌗 2️⃣ Guess the Number Game – A fun interactive game where the user tries to guess a random number, complete with styled UI and responsive design 🎯 These small projects helped me understand: DOM manipulation in JavaScript Event handling (like button clicks) Applying CSS transitions and gradients for better UI The importance of clean, readable code ✨ Every small step counts while learning! 💪 #HTML #CSS #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #LearningByDoing10000 CodersManoj Kumar Reddy Parlapalli.

🚀 Day 46 | DOM Traversal & Styling in JavaScript 🚀 Today I explored how JavaScript interacts directly with HTML elements — controlling structure and style dynamically. 🧩 What I learned: • Used getElementById() & querySelector() to select elements • Changed styles via .style and .cssText • Managed attributes using setAttribute() • Controlled classes dynamically with .classList.add(), .remove(), .toggle() ✨ Insight: DOM manipulation is like editing your website live — JS gives you creative power over content and visuals together. 🔗 GitHub: https://lnkd.in/dtdU9-zZ #WebDevelopment #JavaScript #DOM #Frontend #LearningJourney #CodingChallenge

🚀 Happy Thursday, everyone! Today, let’s dive into the world of JavaScript! JavaScript is not just a powerful scripting language but also the backbone of modern web development. One of its key features is its ability to create dynamic and interactive user experiences. Did you know that JavaScript is event-driven? This means that actions on your webpage

GitHub : https://lnkd.in/gvjUhzmC 🔥 Day 1 of 20 JavaScript Micro-Projects 👨💻 Today we’re building a fully responsive navbar using only HTML, CSS & Vanilla JS — no frameworks, no shortcuts, just raw frontend grind. Modern UI, glass effect, smooth animations, mobile hamburger toggle — this is how real devs learn UI fundamentals. Because before React, before frameworks, before hype… there were skills. We build foundations. We sharpen fundamentals. We rise. 💡 Project #1: Responsive Navbar 🧠 Concepts: DOM manipulation, class toggling, mobile-first layout 🔗 GitHub repo in bio ⚡ Follow for 19 more fire projects Let’s craft greatness — one line of code at a time. 🚀💙 #javascript #frontend #webdevelopment #htmlcssjavascript  #javascriptprojects #frontendprojects #vanillajs #webdev  #cssdesign #responsivewebdesign #coderlife #uiuxdesign  #codingreels #learnjavascript #frontenddeveloper  #programminglife #javascriptreels #100daysofcode  #webdevcommunity #codetutorial #buildinpublic  #softwareengineering #techcontent #devcommunity  #codeweaver

🚀 Day 47 | Events and Listeners in JavaScript 🚀 Today’s session was all about how web pages react to user actions using events and listeners. From a simple click to complex event delegation, I explored how JS makes UIs responsive and dynamic. 📌 What I Learned: • Handled user actions using addEventListener() • Prevented default behavior with event.preventDefault() • Removed listeners with removeEventListener() • Implemented Event Delegation — one listener for multiple elements • Used event.target to identify which element triggered the action ✨ Insight: Events are the heartbeat of interactivity — they turn user clicks, scrolls, and keystrokes into meaningful actions. 🔗 GitHub: https://lnkd.in/dtdU9-zZ #WebDevelopment #JavaScript #Frontend #Events #DOM #LearningJourney #CodingChallenge

📅 Day 31 – Web Development Journey Today, I learned about one of the most important — and often misunderstood — concepts in JavaScript: the Event Loop 💻 Here’s what I understood 👇 ✅ JavaScript runs in a single thread and executes code synchronously ✅ Yet, it can handle asynchronous operations (like setTimeout, API calls) efficiently ✅ The secret: Event Loop + Callback Queue + Call Stack working together ⚙️ 💭 Key takeaway: Once you understand how the Event Loop manages asynchronous behavior, you stop memorizing JavaScript — and start thinking like it. 🧠✨ #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #SkillUpNation #CodingJourney #EventLoop

Web Development – Event Bubbling Today, we explored one of the key JavaScript concepts: Event Bubbling. Event bubbling happens when an event on a nested element (like a child div) also triggers the same event on its parent elements, moving from the innermost element outward. We also learned how to use event.stopPropagation() to stop the event from moving up the DOM, and added a fun touch by dynamically changing background colors with setInterval() and setTimeout() functions. A great way to understand how JavaScript handles events and timing in real projects. GitHub: https://lnkd.in/dyh-M34h #JavaScript #WebDevelopment #FrontEndDevelopment #EventBubbling #CodingLearning #HTML #CSS #Programming

|| Day - 37 || +JavaScript : Cohort 2.0 ✨ Key Learnings of the Day: 1. Learned different types of JavaScript functions like nested, anonymous, higher-order, IIFE, callback, and first-class functions. 2. Understood concepts like hoisting ,parameters ,objects ,functions and its types which make the code more simple, reusable, and powerful. 3. Visited and studied some creative websites on Awwwards to learn about modern web design ideas. + Step 12 in JavaScript for Web Development. >>#HarshVandanaSharma #SheriyansCodingSchool #LearningJourney #JavaScript #WebDevelopment #FrontendDesign #CareerGrowth