Learning to Code: 80% Problem-Solving, 20% Syntax

𝐄𝐯𝐞𝐧 𝐚𝐬 𝐚𝐧 𝐞𝐱𝐩𝐞𝐫𝐢𝐞𝐧𝐜𝐞𝐝 𝐝𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫, 𝐈 𝐬𝐭𝐢𝐥𝐥 𝐬𝐨𝐦𝐞𝐭𝐢𝐦𝐞𝐬 𝐦𝐚𝐤𝐞 𝐬𝐢𝐦𝐩𝐥𝐞 𝐦𝐢𝐬𝐭𝐚𝐤𝐞𝐬. Today React threw: ❌ “Uncaught Error: input is a void element tag and must neither have children nor use dangerouslySetInnerHTML” I checked the code twice and didn’t notice it at first. I had written: <𝑖𝑛𝑝𝑢𝑡>  𝐸𝑛𝑡𝑒𝑟 𝑛𝑎𝑚𝑒 </𝑖𝑛𝑝𝑢𝑡> I wrote it almost automatically… and didn’t even realize. The issue? <input> is a void element in HTML. That means: 1️⃣ No children 2️⃣ No closing tag 3️⃣ Must be self-closing <𝑖𝑛𝑝𝑢𝑡 𝑡𝑦𝑝𝑒="𝑡𝑒𝑥𝑡" /> 💡 Reminder: Experience doesn’t mean you stop making mistakes. It means you understand them faster. Frameworks don’t replace fundamentals. They enforce them. #ReactJS #FrontendEngineering #LearningNeverStops #WebDevelopment

Day 2️⃣2️⃣ of #60DaysOfJavaScript Mastery is in the books! 📚✨ Today, I decided to stop just using React and start understanding the magic behind it. 🪄 We went deep into the world of Hooks! 🧵 Here’s the breakdown: ➡️ useState: The art of giving components a memory. From static to dynamic, one variable at a time. 🧠 ➡️ 💥 ➡️ useEffect: Taming the side effects! Whether it's fetching data or syncing with the outside world, learning to control when and how things run is a game-changer. ⚡🔄 ➡️ Custom Hooks: The ultimate power move. Abstracting complex logic into reusable, clean, and shareable chunks. It feels like building my own React toolkit! 🧰⚙️ Moving from "It works" to "This is why it works" feels incredibly satisfying. The component tree isn't so scary anymore when you know how to manage its state and lifecycle! 🌳 On to the next challenge! Who else is on a React journey right now? Let’s connect! 🤝 #JavaScript #ReactJS #WebDevelopment #FrontendDev #CodingJourney #useState #useEffect #CustomHooks #LearningToCode #Tech

While learning React, I explored different types of Hooks and realized how powerful they are for managing state and logic inside functional components. Here are some important React Hooks that every developer should understand: 1️⃣ useState Used to create and manage state inside a component. Example: counters, form inputs, toggles. 2️⃣ useEffect Used for handling side effects like API calls, timers, or updating the DOM after rendering. 3️⃣ useContext Helps share data between components without passing props manually through every level. 4️⃣ useRef Used to directly access DOM elements or store values that don’t trigger re-renders. 5️⃣ useMemo Optimizes performance by memoizing expensive calculations. 6️⃣ useCallback Returns a memoized version of a function to prevent unnecessary re-renders. What I like about Hooks is how they make React components simpler, cleaner, and easier to manage compared to class components. Understanding hooks really helps in building scalable and maintainable React applications. Still exploring more and building projects while learning. 🚀 #ReactJS #JavaScript #FrontendDevelopment #WebDevelopment #CodingJourney #LearnInPublic

New Web Developers Be Like… 👨💻 Expectation: “Code works on the first try!” Reality: A lot of errors staring back at you. 😅 Every new developer starts with the same dream: ✨ Clean code ✨ Smooth debugging ✨ Everything is working perfectly But the real journey looks a little different… • “It works on my machine!” • CSS: “I do what I want.” • JavaScript: “Undefined is not a function.” • Debugging: “Why is this button blue… again?” • Git: “Merge conflict? What merge conflict?” And honestly… that’s part of the process. Behind every experienced developer are hundreds of errors, countless Google searches, and late-night debugging sessions. So if you’re a beginner struggling with bugs and errors — don’t worry. You’re not failing. You’re learning. 💡 Keep coding. Keep breaking things. Keep fixing them. That’s how great developers are built. #WebDevelopment #CodingLife #DeveloperJourney #Debugging #JavaScript #CSS #Git #LearnToCod

Diving into the World of React: My Learning Journey Begins! After mastering the fundamentals of HTML, CSS, and JavaScript, I’ve officially started my journey into the React ecosystem. As a beginner, I am amazed by how much more efficient and organized web development becomes with this powerful library. Here are the core concepts I’ve been focusing on to build a solid foundation: 🔹 Components: Thinking in "LEGO blocks." I love how I can break a UI into small, reusable pieces (like a Navbar or a Button) and manage them independently. 🔹 JSX (JavaScript XML): A game-changer! Being able to write HTML-like structures directly inside JavaScript makes the code much more intuitive and readable. 🔹 Props (Properties): The bridge between components. It’s fascinating to see how data flows from a parent component down to its children to keep things dynamic. 🔹 useState Hook: React’s "memory." This is where the magic happens when I need the UI to change based on user interactions—like a counter or a toggle switch. 🔹 useEffect Hook: This is essential for handling side effects, such as fetching data from an API or updating the document title without refreshing the page. 🔹 Modern Setup with Vite: I’ve moved away from older setups and started using Vite. The speed and developer experience are incredible! ⚡ I’m currently practicing these concepts by building small projects and experimenting with Tailwind CSS for styling. It’s a steep learning curve, but every small win feels like a huge milestone. To all the experienced developers out there—what is the one piece of advice you wish you had when you first started learning React? I’d love to hear your tips! #ReactJS #WebDevelopment #Frontend #JavaScript #LearningToCode #Vite #CodingCommunity #TechJourney #ReactForBeginners

𝗠𝗼𝘀𝘁 𝗯𝗲𝗴𝗶𝗻𝗻𝗲𝗿 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿𝘀 𝗺𝗮𝗸𝗲 𝘁𝗵𝗶𝘀 𝗺𝗶𝘀𝘁𝗮𝗸𝗲. They try to learn everything at once. That’s the fastest way to stay stuck. When I started learning web development, I was overwhelmed. There are hundreds of tools: • Frameworks • Libraries • Languages • Databases But I realized something important. Great developers follow a structured learning path. Here’s the roadmap I have followed: 𝗦𝘁𝗲𝗽 𝟭 𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱 𝗙𝗼𝘂𝗻𝗱𝗮𝘁𝗶𝗼𝗻𝘀 • HTML • CSS • Responsive Design 𝗦𝘁𝗲𝗽 𝟮 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 • DOM Manipulation • Async JavaScript • API Handling 𝗦𝘁𝗲𝗽 𝟯 𝗠𝗼𝗱𝗲𝗿𝗻 𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱 • React • Component architecture • State management 𝗦𝘁𝗲𝗽 𝟰 𝗕𝗮𝗰𝗸𝗲𝗻𝗱 • Node.js • Express • Databases Simple. Focused. Practical. No shortcuts. If you're starting web development, focus on depth before tools. That’s where real skills are built. What technology are you learning right now? Comment below 👇 #WebDevLearning #FrontendRoadmap #DeveloperSkills #CodingJourney #FullStackDeveloperPath

⚠️ Master the language before jumping into frameworks I thought frameworks were the shortcut. I thought React, Next.js, and big tools would make me “look” like a real developer. But I was wrong. A framework does not fix weak fundamentals. It only exposes them. When you don’t understand JavaScript deeply: • You copy code without understanding • You fear debugging • You depend on tutorials • You feel stuck when errors appear But when you master the language first… Everything changes. Frameworks become easier. Documentation becomes clearer. Bugs become solvable. Confidence becomes natural. JavaScript is not “just a step.” It is the foundation. Variables. Scope. Functions. Arrays. Objects. Events. If these are strong, any framework becomes lighter. I’ve learned something important in my journey: Slow down. Understand the language. Then scale. Because building on weak foundation only creates bigger problems later. If you’re learning frontend development right now, don’t rush the framework hype. Master the language. Frameworks will wait. 💬 Be honest — did you jump into a framework too early, or did you take your time? #JavaScriptDeveloper #FrontendDevelopment #WebDevelopmentJourney #SoftwareEngineering #LearnToCode

#Day42 of learning full stack web development Today I explored EJS tags and how they are used to dynamically render content in web application.. As "Angela yu " always emphasizes that web development is not about memorizing code... but about understanding why, where, and how to use it effectively. 🔗 GitHub Repository: https://lnkd.in/gPXZJN6E Sharing a short video demonstrating today’s learning. Looking forward to building more with this knowledge! #WebDevelopment #EJS #NodeJS #Udemy #Consistency #ContinuousLearning #CodingJourney #Fullstack

🚀 Day 3 of building in public — GitHub Finder is live! After shipping my Todo app yesterday, I kept building. Today I integrated a real API. 🐙 𝗪𝗵𝗮𝘁 𝗜 𝗯𝘂𝗶𝗹𝘁: 🔍 Search any GitHub profile by username 👤 Shows avatar, bio, location 📦 Displays repos, followers, following ⌨️ Enter key support ⏳ Loading, error and empty states handled 📱 Fully responsive 𝗧𝗲𝗰𝗵 𝗦𝘁𝗮𝗰𝗸: ⚛️ React 18 🔷 TypeScript 🎨 Tailwind CSS ⚡ Vite 🐙 GitHub REST API (free, no key needed!) 𝗪𝗵𝗮𝘁 𝗜 𝗮𝗰𝘁𝘂𝗮𝗹𝗹𝘆 𝗹𝗲𝗮𝗿𝗻𝗲𝗱: → How async/await works with fetch API → Why fetch doesn't throw on 404  (You have to check the result. ok manually!) → Loading and error state management → TypeScript interfaces for API responses → useEffect cleanup to avoid memory leaks → Deploying to Vercel in 2 minutes The biggest lesson today? Real APIs teach you things tutorials never do. That 404 bug took me 20 minutes to figure out. Now I'll never forget it. 🧠 This is Day 2. I'm not stopping. 👀 🔗 Live Demo: https://lnkd.in/gi-MkZwr 🔗 GitHub: github.com/DevSourav01 Try searching your own GitHub username! 😄 Drop a 👋 if you're also learning React! I'd love to connect with other developers. 🙌 #React #TypeScript #WebDevelopment #Frontend #100DaysOfCode #JavaScript #TailwindCSS #BuildInPublic #API #Vercel #OpenToWork

𝗢𝗻𝗲 𝗟𝗮𝗻𝗴𝘂𝗮𝗴𝗲. 𝗜𝗻𝗳𝗶𝗻𝗶𝘁𝗲 𝗣𝗼𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝗶𝗲𝘀 ☕🚀 JavaScript isn’t just a language anymore, it’s a whole ecosystem. 𝗬𝗼𝘂 𝗰𝗮𝗻 𝘂𝘀𝗲 𝗶𝘁 𝘁𝗼: Build Frontend that users see ✨ Power Backend logic ⚡ Create Mobile Apps 📱 Make Desktop Apps 💻 Even explore Machine Learning 🤖 All from 𝗼𝗻𝗲 𝘀𝗸𝗶𝗹𝗹. The real power isn’t memorizing syntax. It’s knowing that one skill can open many doors. Stop learning tools randomly. Start mastering ecosystems. Because in 𝟮𝟬𝟮𝟲, the winners won’t be the ones who know a little bit of everything. They’ll be the ones who can build anything 💡 If you’re learning JavaScript, you’re not just learning a language… You’re learning how to create, innovate, and adapt. #JavaScript #FullStack #WebDevelopment #CodingJourney #TechCareers #LearnToCode #NodeJS #ReactJS #TeachCommunity