Mastering String Methods in DSA and React Form Handling

Week 10 | Cohort 2.0 – Sheryians Coding School This week was a mix of real-world scenarios, performance optimization, and stepping into React: 🔹 Real-World JavaScript Scenarios Built a Weather Dashboard with proper error handling Simulated Bulk Email Sending using parallel promises Learned how to manage errors in real-time applications 🔹 Performance Optimization Debouncing & Throttling – improving performance in events Understanding how and when to use them Worked with JSON: JSON.parse() & JSON.stringify() 🔹 Guidance Session Baat-cheet session with DSA guidance Focus on consistency and problem-solving mindset 🔹 Project Work Built a Productivity Dashboard using DOM concepts Applied real-world UI logic and structure 🔹 Getting Started with React Introduction to React.js Explored libraries like: GSAP, Lenis, Swiper, Three.js Understanding how modern UI is built 🔹 Project Setup with Vite Installed Node.js Learned terminal basics Created a React app using: npm create vite@latest Selected React + JavaScript setup This week felt like a big step forward — moving from core JavaScript to modern frameworks like React. Excited to build more interactive and scalable applications. #ReactJS #JavaScript #WebDevelopment #FrontendDevelopment #LearningJourney #SheriyansCodingSchool #Cohort2 #Vite

📘 Today I Learned Form Handling in React Today I explored different ways of handling forms in React and learned how useRef and React Hook Form can simplify form management. 🔹 Using useRef With useRef, we can directly access DOM elements without re-rendering the component on every input change. This approach is useful for uncontrolled components and can improve performance when we don’t need React state for every field. 🔹 React Hook Form I also learned about React Hook Form, a powerful library that makes form handling easier by: Reducing unnecessary re-renders Providing built-in validation Keeping code clean and scalable Managing form state efficiently What I liked the most is how React Hook Form combines performance with simplicity, especially for larger forms. Sheryians Coding School Devendra Dhote #React #WebDevelopment #FrontendDevelopment #ReactHookForm #JavaScript #LearningInPublic

Many people do not struggle with JavaScript because of syntax. They struggle because they never really understand how programs work. You can learn functions, objects, and even build small features. But when things get slightly complex, it becomes difficult to trace what is happening and why. That is where the gap lies. Learn JavaScript from Scratch by Sanjay Vyas focuses on building that understanding from the ground up. In this course, you will learn to: • Understand how JavaScript actually works using code visualization techniques • Build strong fundamentals across objects, arrays, functions, and asynchronous behavior • Apply concepts by creating your own web app step by step With 40+ years of teaching experience, the focus is not just on writing code, but on thinking through it. Explore the course here: https://lnkd.in/grNMMXek #JavaScript #Programming #WebDevelopment #LearnToCode 

Continuing the journey of teaching JavaScript to blind students — today’s focus was on helping them move beyond hardcoded values. I introduced them to "prompt()" — a built-in JavaScript API used to collect input from users. One key concept we explored: Whatever comes from "prompt()" is always a string. To make this clear, I asked them to: let num = prompt("Guess a number"); console.log(typeof num); They saw the result themselves — ""string"". From there, we moved to type conversion, showing them how to turn input into a number: let num = Number(prompt("Guess a number")); That simple change opened up a lot of possibilities. We practiced with exercises: • Asking a user for their age and determining if they are an adult or minor • Prompting a number and checking if it is positive, negative, or zero To wrap up the class, I gave them a project assignment: • Build a BMI calculator with category classification • Create a temperature adviser system Step by step, they are learning to think like programmers — not just writing code, but understanding how data works. Teaching without relying on visuals forces deeper thinking, and the results are truly inspiring. We continue tomorrow 🚀 #JavaScript #Teaching #InclusiveEducation #Accessibility #Programming #LearningJourney

🚀 Day 2 of My Coding Journey Today I practiced an important concept: Reversing a String and a Number using Functions in JavaScript 🔹 What I learned: How to reverse a string using a loop How to reverse a number using mathematical logic Also explored shortcut methods using built-in functions 💻 Example: Reversing a String function reverseString(str) { let reversed = ""; for (let i = str.length - 1; i >= 0; i--) { reversed += str[i]; } return reversed; } Reversing a Number function reverseNumber(num) { let reversed = 0; while (num > 0) { let digit = num % 10; reversed = reversed * 10 + digit; num = Math.floor(num / 10); } return reversed; } 📌 Key Takeaway: Understanding logic is more important than just using built-in methods. I’m improving step by step every day 💪 #Day2 #JavaScript #CodingJourney #WebDevelopment #90DaysOfCode #Learning #FrontendDeveloper

👨💻 Master JavaScript Concepts!🔥 😊 𝐇𝐚𝐩𝐩𝐲 𝐜𝐨𝐝𝐢𝐧𝐠! 💯 Follow Shubham Kamble For Development, Programming Tips & Tricks, and Job Opportunities. 👍 𝑯𝒊𝒕 𝒍𝒊𝒌𝒆, if you found it helpful ! 🔁 𝑹𝒆𝒑𝒐𝒔𝒕 it to your network ! 🔖 𝑺𝒂𝒗𝒆 it for the future ! 📤 𝑺𝒉𝒂𝒓𝒆 it with your connections ! 💭 𝑪𝒐𝒎𝒎𝒆𝒏𝒕 your thoughts ! Credits - Bosscoder Academy #JavaScript #Concepts #Development #WebDev #Frontend w3schools.com JavaScript Mastery

“Consistency in learning JavaScript is key 🔑 Posts like this make the journey smoother 👏” Credit : Shubham Kamble Big thanks for sharing such useful insights, truly appreciated 🙌”

Built a small Student Marksheet System using JavaScript at Bala Labs. Not going to pretend it’s perfect. It calculates grades, pass/fail (using ternary), and remarks (using switch). But the code is still basic and messy in places. I noticed: I repeated logic instead of structuring properly It only works for one student No proper validation for wrong inputs What I understood: Writing code that “works” is easy. Writing code that is clean, scalable, and correct is much harder. This project showed me my gaps clearly and that’s a good thing. Next step: Convert into functions Handle edge cases Improve logic structure Learning step by step under Bala Labs mentorship. #JavaScript #LearningInPublic #CodingJourney #BeginnerDeveloper #BalaLabs

🚀 Unleash the power of JavaScript Scope and Closure to level up your coding game! 🌟 Scope defines the accessibility of variables in JavaScript, while closure allows functions to access variables from their outer scope even after the outer function has finished executing. 🔍 Understanding these concepts is crucial for developers to write efficient and bug-free code by managing variable scope effectively. 🛠️ Let's break it down step by step: 1️⃣ Understand scope 2️⃣ Explore closure 3️⃣ Implement closure in your code with a practical example: [CODE SNIPPET]. Pro tip: Remember to use closures wisely to prevent memory leaks and improve performance. Beware of the common mistake of accidentally creating closures that hold unnecessary references, leading to memory issues. 🛑 What's your favorite use case for closures in your projects? Comment below! 🌐 View my full portfolio and more dev resources at tharindunipun.lk #JavaScript #ScopeAndClosure #CodingTips #Programming #WebDevelopment #TechKnowledge #DeveloperCommunity #LearnToCode #CodeNewbie #TechSkills

Built a Dark Mode Toggle using JavaScript 🌙 | DOM Project This week, I worked on a simple but practical project — a Dark Mode Toggle using DOM manipulation as part of my cohort learning. -> Used DOM selectors to target elements ->Handled click events to switch themes ->Toggled classes to change styles ->Improved understanding of event-driven programming -> Focused on writing clean and simple logic Grateful for the guidance and structure provided by Suraj Kumar Jha — the learning experience becomes much better with the right mentorship. Hitesh Choudhary |Piyush Garg | Akash Kadlag #TypeScript #ExpressJS #WebDevelopment #FullStackDevelopment #BackendDevelopment #Cohort26 #chaiaurcode