Day 3 of Coding: HTML, JavaScript, and DOM

🚀 Day 67 of My Coding Journey Today I focused on understanding the fundamentals of JavaScript — what it is, how it works, and why it is essential in web development. 📚 What is JavaScript? JavaScript is a high-level, interpreted programming language used to make web pages interactive and dynamic. 🔹 It runs directly in the browser 🔹 It is one of the core technologies of the web (along with HTML & CSS) 🔹 It is widely used for both frontend and backend development ⚙️ How JavaScript Works: 💡 1. Execution in Browser JavaScript runs inside the browser using a JavaScript Engine (like V8 in Chrome). 💡 2. Single-Threaded Language JavaScript executes code line by line (synchronously) but can handle async tasks. 💻 Topics I Revised: ✅ Variables (var, let, const) ✅ Data Types (Primitive & Non-Primitive) ✅ Operators (Arithmetic, Comparison, Logical) ✅ Conditional Statements ✅ Loops (for, while, do-while) 💡 Key Learnings: ✨ JavaScript is the brain of a website ✨ Understanding how JS works internally is very important ✨ Concepts like event loop & async behavior are crucial ✨ Strong basics = better problem-solving skills #Day67 #JavaScript #CodingJourney #WebDevelopment #LearnInPublic #100DaysOfCode #FrontendDevelopment #10000Coders

🚀 Just uploaded a new video on HTML Structure! If you're starting your journey in web development, understanding the basic structure of HTML is the first and most important step. In this video, I’ve explained: ✔️ Basic HTML structure ✔️ Important tags (html, head, body) ✔️ How a webpage is built This is beginner-friendly and easy to understand 💻 🎥 Watch here: https://lnkd.in/dzFvaJ5W I’ll be sharing more coding tutorials regularly. Follow me for consistent learning 🚀 #HTML #WebDevelopment #Coding #Beginners #LearnToCode #Te

🚀 Day 4 of Learning JavaScript – Functions Completed! Today I learned one of the most important concepts in JavaScript: **Functions** 💻✨ 🧠 Key concepts I practiced: ✔ What are functions and why we use them ✔ Functions with parameters (inputs) ✔ Return values from functions ✔ Building a mini calculator using functions ✔ Even / Odd number checker logic 💡 What I understood: Functions help us write reusable and clean code. Instead of repeating the same code again and again, we can wrap it inside a function and use it whenever needed. 🔥 Mini Projects I built today: 👉 Calculator function (+, -, *, /) 👉 Even/Odd checker function This step really improved my logical thinking and problem-solving skills in JavaScript. 📌 Next step: DOM (making web pages interactive) #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #100DaysOfCode #LearningInPublic

Day 49 of My Web Development Journey 🚀 Today was all about building a strong foundation in one of the most important concepts in JavaScript — Functions. Here’s what I learned today: ✅ What a function is and the correct function syntax ✅ The concept of return and why it matters inside a function ✅ Function parameters and how to handle multiple parameters ✅ The difference between arguments vs parameters ✅ How to store returned values into variables ✅ How to return even numbers from an array ✅ How to calculate the sum of even numbers from an array ✅ Using the for...of loop to iterate through an array and perform operations on each element The biggest realization today: Functions are not just blocks of code — they are reusable machines that take input, process logic, and give output. Once this clicks, programming starts feeling much more structured. I also practiced every concept by writing hands-on code instead of just watching tutorials. Practice Source Code: GitHub: https://lnkd.in/gXjvQDCF Learning by doing. One day at a time. Still far from the goal, but no zero days. 💻 #Day49 #WebDevelopment #JavaScript #CodingJourney #LearnInPublic #FrontendDevelopment #Programming #DeveloperJourney #100DaysOfCode

🚀 HTML Learning Series | Day 7 Today, I focused on one of the most important topics in HTML: Forms. 📌 What I learned today: • Understanding the purpose of HTML Forms • Using form elements like <form>, <input>, <label>, <textarea>, <select>, and <button> • Learning different input types such as text, email, password, radio, checkbox, and submit • Understanding how forms are used to collect user data on web pages ✅ Practical Work:Along with learning the concept, I also completed one task based on HTML Forms, which helped me understand how forms work in real-time and how to structure them properly. 💡 Today’s takeaway:HTML Forms are essential for building interactive web pages because they allow users to enter and submit information.Practicing with a task made the topic much more practical and clear. 📈 Step by step, I’m building stronger frontend development fundamentals through consistent practice. #Day7 #HTML #HTMLForms #WebDevelopment #FrontendDevelopment #LearningInPublic #100DaysOfCode #CodingJourney 10000 Coders Bhagavathula Srividya

🚀 I finally understand the DOM — not just memorized it. Most beginners (including me earlier) think: 👉 “DOM = something to manipulate HTML” But here’s what actually clicked for me: The DOM is a tree of objects (nodes) created by the browser — so JavaScript never touches HTML directly. Instead: HTML → parsed by browser → converted into DOM (objects) → JS interacts with it 💡 Key realizations: • `window` is the global object (not part of DOM) • `document` is the root of the DOM tree • Everything is a node: * Element nodes (`div`, `p`, `h1`) * Text nodes (actual content) * Comment nodes • Selectors are just shortcuts: Instead of painful traversal like: `document.body.children[4].children[1]...` we use: `querySelector()` and friends • `innerText` vs `textContent` vs `innerHTML` — not the same ⚠️ • DOM = live structure → change it with JS → UI updates instantly 🔥 Next step: I’m going to build my own versions of: * `getElementById` * `getElementsByClassName` To truly understand how browsers work under the hood. If you're learning frontend: 👉 Don’t just use the DOM — understand it. Shared Detailed Notes below (provided by CoderArmy youtube channel): Course Instructor: Rohit Negi | Youtube Channel: CoderArmy. Special thanks to Rohit Negi, he explained everything from first thought principle, why we even need DOM and builds understanding on top of that. #JavaScript #WebDevelopment #Frontend #DOM #LearningInPublic #fullstackdevelopment #coding

🚨 STOP SCROLLING if you're learning JavaScript... Quick question 👇 ❓ Are you still confused with JS basics or async stuff? Because this might fix that. I found a 40-page handwritten JavaScript notes PDF and it’s honestly GOLD 💯 No boring theory. No overcomplicated explanations. Just clear concepts + real examples. 📘 What’s inside? (Basics → Advanced) 🔥 Variables, Data Types & Operators (super clean explanations) 🔥 Functions, Scope & Closures (finally makes sense 🤯) 🔥 Arrays & Objects (real-life examples you’ll remember) 🔥 DOM Manipulation (actual use-cases, not just theory) 🔥 Async JS (Callbacks, Promises, async/await simplified) 🔥 Error Handling & Debugging 🔥 ES6+ (Arrow functions, destructuring, modules) 🔥 Mini Project Guide (so you actually build something 🚀) 💡 Why people love it: ✅ Beginner-friendly ✅ Perfect for quick revision ✅ No fluff, only what matters ✅ Easy handwritten format = faster learning ⚠️ Real talk... If you STILL struggle after this... …it’s probably not your resources anymore 😅 💬 Let’s make this fun: 👉 Comment “JS” and I’ll share the notes 👉 OR comment your biggest struggle in JavaScript (I’ll help you out) 👉 Already learning? Drop your level: Beginner / Intermediate / Advanced ❤️ Like if this helped 🔁 Repost to help a friend 💾 Save it for later #JavaScript #WebDevelopment #Coding #Programming #Developer #LearnToCode #CodingLife #Tech #SoftwareDeveloper #100DaysOfCode

🚨 STOP scrolling if you're learning JavaScript… This might be the only notes you need 👇 I found a 40-page handwritten JavaScript notes PDF and it’s GOLD 💯 No boring theory. No confusion. Just **clear concepts + real examples**. --- 📘 What you’ll learn (from basics → advanced): ✔ JavaScript Fundamentals (Variables, Data Types, Operators) (see basics covered clearly in early pages like 8–10) ✔ Functions, Scope & Closures (explained step-by-step around pages 13–16) ✔ Arrays & Objects (with practical examples like fruits & objects – pages 17–20) ✔ DOM Manipulation (real examples like getElementById – pages 22–24) ✔ Async JavaScript (Callbacks, Promises, async/await) (pages 26–28) ✔ Error Handling & Debugging (pages 30–32) ✔ ES6+ Concepts (Arrow functions, destructuring, modules) (pages 33–36) ✔ Mini Project Guide (pages 38–40) --- 💡 Why this is useful: • Beginner-friendly ✅ • Interview revision ready ✅ • Covers real-world concepts ✅ • Easy handwritten format (fast learning) ✅ --- ⚠️ Honestly… If you still struggle after this, problem is not resources 😅 --- If this helped you: ❤️ Like 🔁 Repost 💬 Comment “JS” → I’ll share more such notes #javascript #webdevelopment #coding #frontend #developers #programming #100daysofcode #placements #interviewprep #learncoding

🚀 JavaScript Objects Made Simple! Just wrapped up a clean sketchnote-style infographic on one of the most important concepts in JavaScript — Objects 💡 From understanding how data is stored as key → value pairs to performing operations like: 🔹 Accessing properties (dot vs bracket) 🔹 Adding new data ➕ 🔹 Updating existing values ✏️ 🔹 Deleting properties ❌ …and exploring powerful built-in methods like: 🔑 Object.keys() 📦 Object.values() 🔄 Object.entries() This visual breaks everything down into a simple flow: Object → Access → Add → Update → Delete → Methods Perfect for beginners and anyone revising JavaScript fundamentals in a quick, visual way 🎯 Consistency is key — learning a little every day! #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #LearnToCode #Programming #Developers #TechSkills 

🚨 JavaScript finally started making sense after this… For a long time, I was just using functions in JS. But recently, I learned about: 👉 Scope 👉 Closures 👉 Higher Order Functions (HOF) And things clicked differently. 💡 Here’s what changed my understanding: ✅ Scope It’s not just about variables — it’s about where your code can access data ✅ Closures -> This blew my mind 🤯 A function doesn’t just execute… It remembers the environment where it was created. 👉 Even after the outer function is gone. ✅ Higher Order Functions Functions in JavaScript are not just “callable” They are: ✔ Passed as arguments ✔ Returned from other functions ✔ Stored like values 💡 The biggest shift for me: 👉 “Functions are not just actions, they are values with memory. They are first-class citizens in JavaScript” If you’re learning JavaScript: Don’t rush. These concepts feel hard at first… but once they click, everything changes. Course Instructor: Rohit Negi | Youtube Channel: CoderArmy. #JavaScript #WebDevelopment #Closures #fullstackdevelopment #LearnInPublic #coding