Teaching Web Dev to Blind Learners DOM Manipulation

Update: Teaching Web Development to Blind Learners After several sessions, we wrapped up functions today by introducing function expressions. We explored how, just like variables, functions in JavaScript can be assigned to variables—making the variable name act as the function name. This was demonstrated using the "calculateAge" example from our previous class. We then moved into an introduction to arrays, one of the most important data types in JavaScript. We covered different ways to create arrays: - Using the standard syntax: "const array = []" - Using the constructor: "const array = new Array()" Both approaches were tested, and learners observed that they produce the same result when logged to the console. We also discussed how arrays can store different data types, making them very flexible for real-world applications. Next session: continuing with arrays. #blindcoder #javascript

Day 15 of 180 learning Web developement I just built a simple login form using HTML in under 5 minutes 🚀 In this project, I covered: ✔️ HTML form basics ✔️ Input types (email & password) ✔️ Button behavior (submit vs button) ✔️ A common mistake that causes page refresh 😳 This is one of the most important fundamentals for beginners in web development. I also created a 30-second quick version (Shorts) for fast learners ⚡ 🎥 Watch the shorts here: 👉 https://lnkd.in/gid-ZgDG 🎥 Watch the full video here: 👉https://lnkd.in/gGdmFC3p If you're starting frontend development, this will help you build real projects step by step. Always learning, building, and improving 💻 #html #webdevelopment #frontend #coding #learncoding #programming #developer #softwaredeveloper #180DaysOfCode #buildinpublic

🚀 Day 31 of My 45-Day Web Development Journey Today I focused on mastering one of the core concepts in programming — JavaScript Functions. 📚 What I Learned Today • Understanding functions and their purpose • Writing reusable blocks of code • Using parameters and arguments • Returning values using the return keyword 💻 Hands-On Practice I created programs that: ✔ Use functions to organize logic ✔ Accept inputs using parameters ✔ Return results dynamically ✔ Integrate functions with DOM events 🌱 Key Learning Functions are essential for writing clean, efficient, and reusable code. They are the building blocks of scalable applications. 💡 Reflection Today helped me think more like a developer by structuring code properly instead of writing everything in one place. 🎯 Next Step Excited to explore arrays and loops to handle multiple data efficiently! Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #Functions #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

🚀 Day 38 of My 45-Day Web Development Journey Today I learned how JavaScript Switch Statements help simplify multiple conditional logic in a clean and structured way. 📚 What I Learned Today • Understanding switch statements • Replacing multiple if-else conditions • Using case and break statements • Handling default cases • Writing cleaner decision-making logic 💻 Hands-On Practice I created programs that: ✔ Display values based on conditions ✔ Replace if-else with switch ✔ Show grade-based messages ✔ Handle multiple cases efficiently 🌱 Key Learning Switch statements improve code readability and are very useful in menu systems, grading systems, and application logic. 💡 Reflection Today helped me understand how developers write cleaner and more organized decision-based logic. 🎯 Next Step Excited to explore JavaScript error handling next. Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #SwitchStatement #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

🚀 Day 36 of My 45-Day Web Development Journey Today I learned how JavaScript handles Date and Time using the built-in Date object. 📚 What I Learned Today • Creating Date objects • Getting current date and time • Extracting year, month, and day • Formatting dates for display • Using date methods in practical applications 💻 Hands-On Practice I created programs that: ✔ Display current date ✔ Show live time ✔ Extract specific date values ✔ Format date for user-friendly output 🌱 Key Learning Date and time handling is essential for real-world applications such as booking systems, reminders, and dynamic dashboards. 💡 Reflection Today helped me understand how websites can manage time-based information intelligently. 🎯 Next Step Excited to explore JavaScript Math methods next. Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #DateTime #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

Continuing my JavaScript learning series, today focusing on strengthening core programming concepts that build the foundation for real-world web development. ✅ Operators Understanding Arithmetic, Comparison, and Logical operators to perform calculations and make decisions in programs. ✅ Conditional Statements Learning how if-else and switch help applications take decisions based on different conditions. ✅ Loops Practicing for, while, and do-while loops to execute repetitive tasks efficiently. ✅ Arrays Working with arrays to store and manage multiple values using methods like push(), pop(), and accessing elements by index. ✅ Objects Exploring objects and key–value pairs to represent structured data such as user or student information. #JavaScript #WebDevelopment #LearningInPublic #CodingJourney #FrontendDevelopment #Developers #100DaysOfCode

Day 20 of 180 – Consistency in Web Development 🚀 Today, I learned a small but important HTML concept while working with forms: 👉 Why an input field allows empty values Even after creating a form, the input was accepting empty submissions. The reason? I missed adding a simple attribute. ✔️ Without required, the input field can be empty ✔️ Adding required makes the field mandatory It’s a small detail, but it makes a big difference in how forms work. I also created a short video explaining this step by step 🎯 🎥 Watch the short here: 👉 https://lnkd.in/gWSsJFAi Learning something new every day and improving consistently 💻 #Day20 #180DaysOfCode #webdevelopment #html #frontend #coding #learncoding #programming #developer #buildinpublic

🚀 Day 37 of My 45-Day Web Development Journey Today I learned how JavaScript's Math object can be used to perform powerful mathematical operations in web applications. 📚 What I Learned Today • Understanding the Math object • Using round(), ceil(), and floor() • Finding max() and min() values • Generating random numbers • Applying math functions in real projects 💻 Hands-On Practice I created programs that: ✔ Round decimal numbers ✔ Generate random values ✔ Compare multiple numbers ✔ Display dynamic mathematical output 🌱 Key Learning The Math object makes JavaScript more powerful for calculations, gaming logic, and interactive features. 💡 Reflection Today showed me how even simple math methods can create dynamic behavior in websites. 🎯 Next Step Excited to learn JavaScript switch statements next. Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #MathObject #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

🚀 Day 32 of My 45-Day Web Development Journey Today I learned how JavaScript Arrays help manage multiple values efficiently inside a single variable. 📚 What I Learned Today • Creating arrays in JavaScript • Accessing values using index numbers • Adding and removing elements • Using loops with arrays • Understanding the length property 💻 Hands-On Practice I created programs that: ✔ Store multiple student names ✔ Display array elements dynamically ✔ Add new values using push() ✔ Work with loops for cleaner output 🌱 Key Learning Arrays are fundamental for handling collections of data in real-world applications like product lists, user records, and APIs. 💡 Reflection Today helped me understand how developers manage larger datasets efficiently without creating many separate variables. 🎯 Next Step Excited to combine arrays with loops for smarter programming. Let’s connect and grow together 🚀 #WebDevelopment #JavaScript #Arrays #Programming #LearningJourney #StudentDeveloper #BuildInPublic #TechSkills

Day 21 of 180 – Consistency in Web Development 🚀 Today, I learned an interesting HTML concept that often confuses beginners: 👉 Difference between placeholder and value in input fields At first, both look similar, but they behave very differently. ✔️ placeholder is just a hint → it disappears when you type ✔️ value is actual data → it stays even after typing This small difference plays an important role while working with forms and user input. Understanding these basics helps in writing better and more meaningful code 💻 I also created a short video explaining this concept step by step 🎯 🎥 Watch here: 👉 https://lnkd.in/gDt-3dqG Learning something new every day and improving consistently 🚀 #Day21 #180DaysOfCode #webdevelopment #html #frontend #coding #learncoding #programming #developer #buildinpublic