Web Development Journey for Beginners

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

I built a Password Generator as a beginner… and it changed how I see coding 🔐 At first, I thought it was just a simple project. But while building it, I realized: 👉 Logic matters more than design 👉 Small features need deep thinking 👉 Clean UI ≠ Easy backend So I built this using HTML, CSS & JavaScript 💻 ✨ What it does: ✔️ Generates strong passwords ✔️ Lets users choose length & characters ✔️ Helps improve security It may look small… But this project boosted my confidence a lot 🚀 📌 Next goal: Build more real-world projects If you’re learning web development, start building. That’s where real learning happens. 💬 What project are you working on right now? #WebDevelopment #JavaScript #CodingJourney #Students #Tech #Learning #Projects

🚀 Day 6 of 180 – Learning & Sharing Web Development Today I focused on a small but powerful concept in HTML — links and how they work. I learned how links help users navigate between pages and how using the target attribute can improve user experience by opening links in a new tab instead of redirecting users away from the current page. It’s interesting how a simple concept like this can make a big difference in how a website behaves. Small improvements like these are helping me understand web development step by step. 🎥 I also created a short video explaining this concept in a simple way. 👉 Watch here: https://lnkd.in/gDXZN3BP Consistency is key, and I’m continuing to learn and share every day on this journey 🖥 #day6 #html #webdevelopment #coding #learncoding #frontend #programming #developerjourney #consistency #tech

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

Most beginners think writing CSS is easy… Until layouts break, elements overlap, and nothing aligns properly 😅 The truth is — small mistakes create big problems. Here are a few common ones I’ve seen (and made myself): ❌ Forgetting box-sizing: border-box ❌ Using z-index without positioning ❌ Relying only on px instead of relative units ❌ Overusing !important ❌ Ignoring shorthand properties 💡 The difference between messy UI and clean UI is attention to detail. Good developers don’t just write code… They write maintainable, scalable, and predictable code. If you're learning, don’t just focus on “making it work” Focus on doing it the right way. Because clean code today = fewer bugs tomorrow. Follow Rahul Choudhary for more. w3schools.com JavaScript Mastery #CSS #FrontendDevelopment #WebDevelopment #CodingTips #Developers #Programming #UIUX #SoftwareDeveloper #CleanCode #TechSkills #LearnToCode #100DaysOfCode #CodingJourney #WebDesign #TechCommunity

Day 19 of 180 – Consistency in Web Development 🚀 Today, I learned a small but confusing HTML behavior: 👉 Why a link doesn’t open and just scrolls the page When we use: <a href="#"> It doesn’t open a new page. Instead, it keeps you on the same page. ✔️ # means stay on the current page ✔️ Use a valid URL to open a link properly This simple concept cleared a common doubt while building websites 💻 🎥 Watch the short here: 👉 https://lnkd.in/gyg8t8B7 Learning step by step and improving every day 🚀 #Day19 #180DaysOfCode #webdevelopment #html #frontend #coding #learncoding #programming #developer #buildinpublic

“I wasted 2 years learning web dev the wrong way…” I tried to learn web development 3 times. Failed every time. So 🚀 I created a 3-Month Web Development Roadmap Here’s what I did wrong: – Watching tutorials only – No real projects – No consistency Here’s what worked: 1. Build daily 2. Focus on basics 3. Share journey publicly If you’re starting: Don’t copy everything. Just start small Follow for more 🚀 Follow for more web dev content 🚀 Yasir Ammar #webdevelopment #javascript #react #coding #developers #100DaysOfCode #programming

Teaching Web Development to Blind Learners — Continuation So far, we’ve covered variables, data types, conditionals, loops, functions, and an introduction to arrays. Today, based on the learners’ request for something more practical, I briefly stepped outside the planned scheme to introduce DOM manipulation—giving them a real sense of how everything they’ve learned comes together in building actual applications. We explored how to query the DOM using: - "getElementById" - "querySelector" - "querySelectorAll" There was a moment of surprise when "querySelectorAll" returned a NodeList instead of a single element. The big question was: “How do we work with individual elements?” That became the perfect opportunity to connect back to loops. Using the knowledge they already had, they looped through the NodeList using its "length"—and it clicked. That moment of understanding was incredibly satisfying. They’re beginning to truly appreciate how the fundamentals work together. Next: we either continue with arrays or build a small project before moving forward. #blindcoder #javascript

🌐 Interested in building beautiful and responsive web pages? Dive into front-end development with Meta's 'Introduction to Front-End Development' course on Coursera. Learn the fundamentals of JavaScript, HTML, CSS, and various frameworks to kickstart your coding journey. Whether you're new to development or looking to refine your skills, this course is tailored to help you succeed. Start building your future in tech today! Join the course on Coursera. Click here: https://lnkd.in/dVjSynbN #remotejobs #remotework (())

Day 18 of 180 – Learning Web Development Consistently 🚀 Today, I worked on an important HTML concept: 👉 Block vs Inline Elements Understanding this helped me clearly see how elements behave on a webpage 👇 ✔️ Block elements take full width ✔️ Inline elements take only required space It’s a simple concept, but very important for: Writing clean HTML Understanding layouts Preparing for interviews I also created a short video explaining this in a quick and easy way ⚡ 🎥 Watch here: 👉 https://lnkd.in/gqqd-tBA Learning step by step and improving every day 💻 #Day18 #180DaysOfCode #webdevelopment #html #frontend #coding #learncoding #programming #developer #buildinpublic