Day 13/21 – Creating a Spotlight Effect with JavaScript Today I built an interesting spotlight effect using JavaScript and the mousemove event. The idea was simple: When the user moves the mouse across the screen, a radial gradient follows the cursor, revealing the image while the rest of the screen stays dark. This creates a spotlight-like interactive effect. Concepts I practiced today: • Mousemove event in JavaScript • Getting cursor position (X & Y) • Dynamically updating CSS radial-gradient • Creating interactive UI effects • Combining JavaScript with CSS visuals This project helped me understand how JavaScript can control visual effects in real time and make websites feel more dynamic and interactive. Learning and building consistently with #sheryianscodingschool 🚀 #Day13 #21DaysChallenge #JavaScript #FrontendDevelopment #WebDevelopment #CreativeCoding #LearningInPublic

🚀 JavaScript Objects & Destructuring — A Practical Guide Objects are the foundation of JavaScript. Almost everything in modern JavaScript — APIs, state management, configurations — revolves around objects. To make learning easier, I created a page that clearly explains Objects and Destructuring with simple examples. Topics included: • Creating objects • Dot vs bracket notation • Computed property names • Object destructuring • Default values & renaming • Nested destructuring • Rest & Spread operators • Object.keys / values / entries • Object.assign • Object.freeze & Object.seal • Property descriptors This is especially useful for JavaScript and React developers, since features like destructuring, spread, and computed keys are used every day. 📖 Explore the page here: https://lnkd.in/g95tprbi If you’re learning modern JavaScript, this will help you understand objects much more clearly. #JavaScript #FrontendDevelopment #ReactJS #WebDevelopment #Programming #LearnJavaScript

Sometimes the best way to learn is by building small things just for fun. ❤️ I created Cursor Hearts, a small interactive project using HTML, CSS, and JavaScript where animated hearts appear and float upward as the cursor moves across the screen. This project started as a simple experiment with DOM manipulation, event listeners, and CSS animations, but it turned into a fun visual effect. Projects like this may be small, but they are great for understanding how JavaScript can dynamically create and control elements on a webpage. Small projects like this keep the learning process enjoyable while helping build stronger fundamentals. 🔗 Live Demo: https://lnkd.in/dAPmyFhv 💻 GitHub Repository: https://lnkd.in/dZ9FUn2W #javascript #webdevelopment #frontend #coding #learning #buildinpublic

One of the best ways to learn JavaScript is by creating small interactive projects. In my latest practice project, I focused on: • JavaScript variables and conditions • Event listeners • DOM manipulation • User input handling • Logical problem solving Tech Stack: HTML, CSS, JavaScript Step by step, I’m improving my Front-End Development skills by building real projects. 🔗 GitHub: https://lnkd.in/gEzDSdwn #JavaScript #FrontendDevelopment #gressthenumber

Just built my first real JavaScript project 🚀 I created a Simon Says Game using HTML, CSS, and JavaScript. 🔹 Features: • Dynamic color sequence generation • Real-time user input validation • Progressive difficulty levels 🔹 What I focused on: • DOM manipulation • Event handling • Structuring game logic This project helped me understand how small UI interactions actually work behind the scenes. 👉 Try it here: https://lnkd.in/gVuXbaAq Would appreciate feedback 🙌 #javascript #webdevelopment #100DaysOfCode #learninginpublic

Day 15 of my JavaScript journey 🚀 Built a Color Palette Generator using HTML, CSS, and JavaScript. This tool generates different color palettes, helping users explore and pick color combinations easily. This project helped me practice: • Working with random values • DOM manipulation • Dynamic styling • Creating useful UI tools 🔗 Live Demo: https://lnkd.in/g7kYvzWR 💻 GitHub Repo: https://lnkd.in/gsW2MWHT Building more practical and creative projects every day. 💻🎨 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney

Day 11/21 – Creating Colorful Boxes with JavaScript Today I built a small interactive project using JavaScript. The idea was simple but fun: Whenever the user clicks a button, a new colorful box appears on the screen. Every click generates a new box, and the screen slowly fills with different colors. Concepts I practiced today: • JavaScript DOM manipulation • Click events • Dynamically creating elements using JS • Generating random colors • Updating the UI in real time What I realized today: JavaScript is what truly makes a website interactive. Without JS, a webpage is mostly static. Small experiments like this help me understand how the browser reacts to user actions. Learning and building consistently with #sheryianscodingschool #Day11 #21DaysChallenge #JavaScript #FrontendDevelopment #WebDevelopment #LearningInPublic #BuildInPublic

Today I built a real-time digital clock using JavaScript, applying the concepts I learned in my previous JavaScript lectures. Instead of just understanding theory, I focused on implementing the concepts in a working project. This project helped me strengthen my understanding of DOM manipulation and JavaScript fundamentals. Here’s what I used while building this project: ● Using HTML, CSS, and JavaScript together to build an interactive webpage ● Accessing DOM elements using document.getElementById() ● Updating webpage content dynamically using innerHTML ● Using setInterval() to update the clock every second ● Working with JavaScript Date object to get current time ● Styling elements dynamically using JavaScript style properties ● Applying flexbox styling through JavaScript to center elements ● Understanding how JavaScript controls the behavior of a webpage through the DOM Building small projects like this helps convert concepts into real development skills. Excited to keep learning and building more projects as I move forward in my Web Development journey. #JavaScript #WebDevelopment #FrontendDevelopment #DOM #DOMManipulation #CodingJourney #Programming #LearnJavaScript #DeveloperJourney #CodingLife #SoftwareDevelopment #TechLearning #BuildInPublic

Day 18 of my JavaScript learning journey 🚀 Today, I improved my Contact Form Validation project by making it more interactive and user-friendly. Instead of just showing errors on submit, I implemented real-time validation, so users get instant feedback as they type. Here’s what I added: • Live validation using onkeyup • Proper validation for: * Full name (format check with regex) * Phone number (digits + length check) * Email (pattern validation) * Message (minimum character requirement) • Dynamic error messages that update instantly • Visual success indicators (check icons ✔️) • Cleaner and more structured validation functions One thing I really noticed today is how much small UI feedback improves user experience. Now the form actually guides the user instead of just reacting after submission. I also started thinking more about how users interact with forms, not just how the code works. Next step: building an Image Gallery 🔥 #JavaScript #WebDevelopment #Frontend #100DaysOfCode #LearningInPublic

Practicing and revising my JavaScript concepts by building a Simon Says Game using HTML, CSS, and JavaScript. In this project, the player needs to remember and repeat the sequence generated by the system. Through this, I practiced: • DOM events • Arrays for storing sequences • Game logic implementation • User interaction handling Building small projects is a great way to strengthen concepts. 💻✨ #javascript #webdevelopment #frontend #coding #learningbydoing #project #html #css