Improving DSA & React Fundamentals with Sheryians Coding School

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 17 of my 21 Days Learning Challenge Today I revisited a React pattern — Higher Order Components (HOC). A Higher Order Component is a function that takes a component and returns a new enhanced component. It’s mainly used to reuse logic across multiple components. 🔹 What is an HOC? In simple terms: JavaScript const EnhancedComponent = HOC(OriginalComponent); Instead of repeating logic in multiple components, we wrap them with an HOC. 1️⃣ Example JavaScript function withLogger(Component) { return function WrappedComponent(props) { console.log("Props:", props); return <Component {...props} />; }; } Using it: JavaScript const User = ({ name }) => <h2>{name}</h2>; const UserWithLogger = withLogger(User); Now every time UserWithLogger renders, it logs props automatically. 2️⃣ Why use HOC? HOCs help: • reuse logic • keep components clean • separate concerns 3️⃣ Where it is used HOCs are commonly used for: • authentication checks • logging • data fetching • permissions handling 🔹 Note With modern React, Custom Hooks are often preferred for logic reuse, but HOCs are still important to understand as they are widely used in existing codebases. Revisiting HOCs reminded me how React provides multiple ways to structure and reuse logic, and choosing the right pattern depends on the use case. #21DaysChallenge #ReactJS #JavaScript #LearningInPublic #FrontendDevelopment #WebDevelopment Sheryians Coding School

After understanding variables and basic data types in JavaScript, this week I started learning about arrays. Arrays are useful when we need to store multiple values in a single variable. Instead of creating many variables, we can organize data in one place. For example, storing a list of numbers, names, or items becomes much easier with arrays. Some things I practiced: • Creating arrays • Accessing elements using index • Adding and removing items • Using simple array methods It’s interesting to see how JavaScript helps organize and manage data more efficiently. Small steps, but each concept is helping me understand programming better. Still learning and exploring. 🚀 #WebDevelopment #JavaScript #Arrays #HTML #CSS #FrontendDeveloper #LearningInPublic #CodingJourney #Post #GTU #Student #LinkedIn

Day 13 of my 21 Days Learning Challenge Today I revisited some core JavaScript concepts related to prototypes and inheritance — Prototype, Prototype Chain, and Constructor Functions. Unlike many other programming languages, JavaScript uses prototypal inheritance instead of classical class-based inheritance. This means objects can inherit properties and methods from other objects. 1️⃣ Prototype Every JavaScript object has an internal property called [[Prototype]], which links it to another object. This allows objects to share methods instead of duplicating them. Example: const user = { greet() { console.log("Hello"); } }; const admin = Object.create(user); admin.greet(); Here, admin inherits the greet() method from user. 2️⃣ Prototype Chain When we try to access a property, JavaScript first checks the object itself. If the property is not found, it continues searching up the prototype chain until it finds it or reaches null. admin → user → Object.prototype → null This lookup process is called the Prototype Chain. 3️⃣ Constructor Functions Before ES6 classes, JavaScript commonly used constructor functions to create multiple objects with shared behavior. Example: function User(name) { this.name = name; } User.prototype.sayHello = function () { console.log("Hello " + this.name); }; const user1 = new User("Husain"); user1.sayHello(); Here, the sayHello method is stored on the prototype, so all instances can share it instead of creating a new copy. Revisiting these concepts reminded me how JavaScript's object system and inheritance model work internally. Understanding prototypes makes it easier to grasp how many JavaScript features work behind the scenes. #21DaysChallenge #JavaScript #LearningInPublic #FrontendDevelopment #WebDevelopment Sheryians Coding School #SheryiansCodingSchool

Strings look simple… until you actually start solving problems with them Today I spent time doing DSA on Strings, and honestly, it was one of those “simple but tricky” days. While solving problems, I explored a lot of string methods like: • slice() • substring() • split() • indexOf() • concat() And that’s when I realized — knowing methods is one thing, but knowing when to use which one is the real game. Then came my React session at Sheryians Coding School (Kodex Batch) with Devendra Dhote bhaiya And things got even more interesting. We explored form handling in a more optimized way using useRef() — which felt very different from the usual useState approach. Also got introduced to form handling using npm packages, which made me realize how real-world apps handle complex forms much more efficiently. Today’s takeaway: Sometimes the basics (like strings & forms) teach you the deepest lessons. What do you find more tricky — Strings in DSA or Forms in React? #JavaScript #DSA #ReactJS #WebDevelopment #LearningInPublic #SheryiansCodingSchool #FrontendDevelopment

🚀 Day 5/100 JavaScript #100daysofcodechallenge 🚀 📌 Today’s Progress: Today I built a MathBot using JavaScript. The bot teaches how the Math object works by showing real examples. It generates random numbers, creates numbers within a range, and converts them into whole numbers. It also shows how different rounding methods behave and how to find the highest and lowest values in a set of numbers. This project helped me understand how numbers work in JavaScript and how small formulas control outcomes. I am starting to see how simple logic can power real features in applications. One step at a time. One concept at a time. Check it out on my GitHub: https://lnkd.in/dvNnEXep Screenshots of codes are below. #100DaysOfCode #CodetrainAfrica #codetrainafrica #Gen31 #JavaScript #WebDevelopment #CodingJourney #LearnToCode #SoftwareEngineering #FrontendDevelopment #FullStackDevelopment #CodingLife #DevCommunity #BuildInPublic #TechLearning #Programming #Developers #CareerInTech #Everydaycoding #Technology #JavaScriptForBeginners Richard Brandt Sam Generals William Brandt Boateng Harrison Joshua Doe Foster Frimpong Flora Dadie

Great session by Janhvi Deshmukh on “Mastering Web Building Blocks (HTML)” in yesterday’s peer class. Really clear explanation and a great learning experience. 👏🚀

🚀 Day 2/100 JavaScript #100daysofcodechallenge 🚀 📌 Today’s Progress: Today I built two small JavaScript programs. The first program is a Trivia Bot. The bot introduces itself, shares some coding fun facts, and prints messages to the console using variables and string concatenation. The second program is a Sentence Maker. It creates short stories by combining words stored in variables like adjectives, nouns, verbs, and places. I also created a third sentence that introduces me, my age, what I study, and my life goal. This project helped me practice variables, string concatenation, and how programs generate dynamic sentences. Small projects like this train my thinking as a developer. I am learning how code can turn simple data into meaningful output. I added something new. I learnt sometimes GitHub repositories without READMEs is a bad practice so this time I added a README to my repository. Day 2. Still learning. Still building. Check it out on my GitHub: https://lnkd.in/d-jdmyVy Screenshots of codes are below. #100DaysOfCode #CodetrainAfrica #codetrainafrica #Gen31 #JavaScript #WebDevelopment #CodingJourney #LearnToCode #SoftwareEngineering #FrontendDevelopment #FullStackDevelopment #CodingLife #DevCommunity #BuildInPublic #TechLearning #Programming #Developers #CareerInTech #Everydaycoding #Technology #JavaScriptForBeginners Richard Brandt Sam Generals William Brandt Boateng Harrison Joshua Doe Foster Frimpong Flora Dadie

🚀 Learning Update | Deep Dive into JavaScript & Problem Solving Today was highly productive with a mix of DSA, core concepts, and practical implementation: 🔹 Solved 2 medium-level LeetCode problems using JavaScript • LC-49: Group Anagrams • LC-238: Product of Array Except Self 🔹 Strengthened JavaScript fundamentals • Completed closures, lexical scope, and variable scope • Implemented 5 closure examples in Replit 🔹 HackerRank Progress • Finished JavaScript Introduction domain (5 problems) 🔹 Hands-on Implementation • Built a closure-based counter (increment, decrement, reset) with proper documentation 🔹 Learning by Teaching • Recorded and reviewed a 1-minute Loom video explaining closures and their use cases in React Consistent effort every day is building strong fundamentals. #JavaScript #DSA #WebDevelopment #LearningInPublic #GrowthMindset

While learning JavaScript, I focused on functions. At first, I used to write code again and again for similar tasks. But functions made things much easier. A function helps you reuse code instead of repeating it. Some things I practiced: • Creating simple functions • Passing values (parameters) • Returning results • Using functions to organize code better One thing I realized — functions are not just about writing code, they help in thinking in smaller steps. Breaking problems into small parts makes everything easier to understand. Still learning and improving every day. 🚀 #WebDevelopment #JavaScript #FrontendDeveloper #LearningInPublic #CodingJourney #Student #Job #GTU #linkedIn #Learning #Post