Sakshi Tomar’s Post

Day 27 of Learning JavaScript 🚀 Started building a Weather App using API. Goal: Fetch and display weather data. Combining: • API • DOM • Events Feels like a real-world project. #javascript #frontenddeveloper #projects

🎯 Built a Number Guessing Game using JavaScript! This is a project I worked on earlier while learning JavaScript fundamentals. The game allows users to guess a random number between 1 and 100 within 10 attempts, with hints like “Too High” or “Too Low” to guide them. ([MDN Web Docs][1]) 🔧 Features: * Random number generation * Input validation * Previous guesses tracking * Remaining attempts display * Restart game functionality 💡 What I learned: * DOM manipulation * Event handling * Writing game logic * Improving UI with HTML & CSS This project was an important step in my learning journey. Since then, I’ve been improving my skills and currently working on more advanced and real-world projects 🚀 🔗 GitHub: https://lnkd.in/dsCDnqbC Excited to share more projects soon! #JavaScript #WebDevelopment #Frontend #LearningJourney #Growth

Built a simple Multiplication Table App using Javascript . It takes a number as input and displays the table of that number . Handled special cases like 0 and negative numbers as well. This helped me practice DOM Manipulation . GitHub : https://lnkd.in/gpwU9KUZ Live Demo : https://lnkd.in/g7sM_aK2 #Javascript #WebDevelopement #Learning

🚀 Learning Update | JavaScript, React & Consistency Here’s what I worked on recently: 🔹 JavaScript Fundamentals Implemented 5 practical examples to strengthen understanding of closures. 🔹 OOP in JavaScript Created a class with constructor and methods, and extended it into a subclass to understand inheritance. 🔹 DSA Practice Solved 4 LeetCode problems to improve problem-solving skills 💪 🔹 React Development Built a React-based form page and understood the advantages of using type="submit" for better form handling. 🔹 Node.js Practice Completed 5 Node.js challenges on HackerRank, improving backend fundamentals. 🔹 Communication Improvement Continued reading The Power of Subconscious Mind to enhance communication 🧠 Small, consistent efforts are building strong foundations. #JavaScript #ReactJS #NodeJS #DSA #LearningInPublic #GrowthMindset

Day 46 – React Learning Journey Today’s focus was on understanding different ways to use functions in React event handling and how they impact code structure and flexibility. - Explored multiple approaches: Passing function references directly → onClick={handleClick} Using inline arrow functions → onDoubleClick={() => {...}} Handling mouse events → onMouseEnter, onMouseMove Working with input events and event objects → onChange={(e) => ...}- * Key Insight: Choosing the right way to use functions in events improves code readability, reusability, and performance. Understanding when to use direct references vs inline functions is essential for writing clean React code. - Every small concept like this builds a strong foundation for scalable frontend applications. github link : https://lnkd.in/gRbcs2Ue #Day46 #ReactJS #JavaScript #FrontendDevelopment #MERNStack #WebDevelopment #CleanCode #LearningInPublic

If you're learning JavaScript, the event loop probably felt like magic (or a nightmare) the first time you heard about it. You read the docs. You watched the videos. But something still didn't click. That's exactly why I built JSLens 🔍 JSLens is a free web app that visually breaks down how JavaScript actually works under the hood: → The Event Loop → Call Stack → Web APIs → Callback Queue → Microtasks & Macrotasks Instead of imagining the flow in your head, you can see it - step by step, in real time. No setup. No installations. Just open it and start learning. If you're a JS beginner (or someone who just wants a refresher), this one's for you. 🔗 Try JSLens here: https://jslens.web.app Would love to hear what you think - drop a comment or DM me! 🙌 #JavaScript #WebDevelopment #JSLens #LearnToCode #EventLoop #Frontend #OpenSource #BuildInPublic

If you're learning React, here are a few things that will save you hours of confusion…⬇️ After spending the last month working deeply with React, these are the lessons that actually matter (not the usual fluff): 1. Stop overusing useState If a value can be derived from props or other state - don’t store it. 2. useEffect is NOT for everything Most beginners misuse it. Ask yourself: “Do I really need a side effect here?” 3. Think in components, not pages Break UI into small reusable pieces — it makes scaling 10x easier. 4. Props > complexity Keep data flow simple. If it feels messy, you're probably overengineering. 5. Learn debugging early React DevTools + console.log will teach you more than tutorials ever will. 6. Re-renders are normal Don’t panic. Understand why they happen instead of trying to stop all of them. Most tutorials teach React. Very few teach how to think in React. Hope this helps someone avoid the mistakes I made 🤝 #React #FrontendDevelopment #JavaScript #WebDevelopment #CodingTips #LearnInPublic

🔥 Day 13 of My JavaScript Journey 🚀 | Mastering DOM Events ✨Today I learned one of the most important concepts in JavaScript — DOM Events 💡 Now I finally understand how clicks, scrolls, and typing actually work behind the scenes 😎 🎓 What I Learned Today: 🔹 Event Basics (Strong Foundation 💪) 👉 DOM Event = like a 🔔 doorbell (it triggers an action) 👉 3 Core Components: Target 🎯, Event Type ⚡, Handler 🧠 👉 "addEventListener()" = the modern & best approach ✅ 👉 Avoid using "onclick" (clean code = professional code) 🔹 Event Flow (Behind the Scenes Magic ✨) 👉 Event Bubbling 🔼 (child → parent) 👉 Event Capturing 🔽 (parent → child) 👉 Understood the complete event flow 🔄 👉 Learned to control it using "event.stopPropagation()" 🛑 🔹 Event Delegation (Smart Coding 🧠⚡) 👉 Handle multiple elements with just ONE listener 😱 👉 Difference between "event.target" vs "event.currentTarget" 👉 Managing dynamic elements became much easier 💯 💭 My Learning: Events used to feel confusing, but now I clearly understand how JavaScript handles user interactions 🔥 📌 Consistency is the key — Day 13 completed! 🌐 Learn more: https://coderarmy.in #Day13 #JavaScript #WebDevelopment #FrontendDeveloper #CodingJourney #100DaysOfCode #LearnInPublic #DeveloperLife 💻🚀

🚀 Beginner JavaScript Practice Programs I’ve been improving my JavaScript fundamentals by working on basic logic-building programs 💻 Here are some concepts I practiced: ✔ Even / Odd Number ✔ Largest of 3 Numbers ✔ Calculator using Switch Case ✔ Grade System ✔ Palindrome Check ✔ Multiplication Table and more... This helped me strengthen my understanding of: 🔹 Conditional Statements 🔹 Loops 🔹 String & Number Operations 📌 Check out my code on GitHub: https://lnkd.in/gAJ36hfv I’m currently learning and building my skills step by step towards becoming a Full Stack Developer 🚀 #JavaScript #CodingJourney #Beginners #Learning #Programming #FullStackDeveloper

🚀 Day 4 of My 30 Days MERN Stack Journey Today I moved into one of the most exciting parts of JavaScript — DOM Manipulation. 💻 What I practiced: Selecting elements using getElementById and querySelector Handling user actions with addEventListener Updating content dynamically using textContent Basic form input handling 🛠️ Mini Project Built: 👉 A simple Greeting App User enters their name Clicks a button Gets a personalized greeting This helped me understand how JavaScript interacts with real web pages and makes them dynamic. 🔗 GitHub Repo: https://lnkd.in/dKR9TGZK ⚡ Key Learning: DOM is what turns a static webpage into an interactive experience. Consistency is key — learning something new every single day. Read more: https://lnkd.in/duxWQEBD #MERNStack #JavaScript #DOM #WebDevelopment #LearningJourney #Day4 #Coding