JavaScript Learning Journey: Single Thread & Async Operations

🚀 Day 7 — Understanding JavaScript Objects & Prototypes Continuing my journey of strengthening core JavaScript fundamentals, today I explored one of the most important building blocks — Objects & Prototypes 👇 At first, objects feel simple… but when you dive into prototypes, you truly understand how JavaScript works behind the scenes. 🔹 Covered topics: - What are JavaScript Objects? - Key-Value Pairs & Properties - Dot vs Bracket Notation - Add / Modify / Delete Properties - Object Methods - "this" inside objects (quick revision 🔁) - Constructor Functions - What happens when we use "new" - Why Prototype is needed (memory optimization 🔥) - Prototype & Shared Methods - Prototype Chain (🔥 very important) - Getter & Setter 💡 Key Learning: JavaScript is not class-based — it’s prototype-based. Objects can share properties and methods using prototypes, which makes code more efficient and scalable. 👉 Always remember: - JS first looks inside the object - If not found → it checks the prototype (This is called the Prototype Chain) Understanding this concept is a game changer for interviews and helps in writing better, optimized code. 📌 Day 7 of consistent preparation — going deeper into JavaScript fundamentals 🔥 #JavaScript #WebDevelopment #FullStackDeveloper #CodingJourney #MERNStack #InterviewPreparation #Frontend #Backend #LearnInPublic #Developers #Consistency #100DaysOfCode #LinkedIn #Connections

🚀 Day 11 of My JavaScript Learning Journey Today I learned about JavaScript Scopes and Function Execution Context (FEC) — a core concept to understand how JavaScript manages variables and executes code. 📌 Key concepts I explored: 🔹 Scopes in JavaScript • Global Scope – Variables accessible throughout the program • Local Scope – Variables accessible within a function • Block Scope – Variables declared with let and const inside {} 🔹 Key Difference • var → Function scoped • let & const → Block scoped 🔹 Function Execution Context (FEC) Every time a function is called, JavaScript creates a new execution context. ⚙️ FEC Lifecycle: 1️⃣ Memory Creation Phase • Variables are hoisted and initialized • Functions are stored in memory 2️⃣ Execution Phase • Code runs line by line • Variables get their actual values 🔹 FEC Components • Variable Environment • Scope Chain (access to outer scope) • this keyword 💡 Understanding scopes and execution context helps in writing efficient, bug-free, and optimized JavaScript code. Step by step, I’m strengthening my JavaScript fundamentals and internal working knowledge. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics

🚀 Day 3 of My JavaScript Learning Journey Today I explored some core concepts of JavaScript that every beginner must understand — and honestly, things are starting to make more sense now! 🔢 1. Numbers in JavaScript JavaScript has only one type for numbers — no separate integer or float. Example: 10 / 20 = 0.5 Even though both are integers, the output is a decimal. Simple but powerful! ✅ 2. Boolean Logic Understanding true/false conditions: 3 >= 3 → true 2 >= 3 → false Also learned something interesting 👇 Expressions are evaluated left to right: 1 >= 0 <= 5 < 6 >= 0 → true 🔄 3. Typecasting == → checks only value === → checks value + type This small difference can save you from big bugs! ⚡ 4. Logical Operators & Short Circuiting || (OR) → if any condition is true && (AND) → all conditions must be true ! (NOT) → reverses the result 👉 Short Circuiting: As soon as JavaScript gets the result, it stops checking further. Example: let marks = 45; let attendance = 60; if (marks >= 33 || attendance >= 75) { console.log("You are pass"); } else { console.log("Fail"); } 💡 Even if one condition is true, it won’t check the next! 🧵 5. Strings & Template Literals Instead of messy concatenation, we can use template literals: let naam = "Surbhi"; let kaam = "Web Developer"; let shaher = "Gurgaon"; let output = `Hi, I am ${naam}, a ${kaam} in ${shaher}`; Clean, readable, and modern ✨ 📌 Small steps every day… but building strong foundations! #javascript #codingjourney #webdevelopment #learninginpublic

🚀 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 16 of My JavaScript Journey Today was a powerful learning day 💻🔥 I explored some core JavaScript concepts that are extremely important for real-world applications. ✨ Topics I Covered: 🔹 Synchronous vs Asynchronous code 🔹 How the JavaScript Event Loop works 🔁 🔹 Why Callback Hell is a problem 😵 🔹 Creating Promises using "resolve" and "reject" 🤝 🔹 ".then()", ".catch()", ".finally()" methods 🔹 Sequential vs Parallel Promise execution ⚡ 🔹 Comparison of Promise utility methods 🔹 Real-world example: Food Delivery App (Zomato Clone 🍔) 🔹 API fetching using Promises 🌐 🔹 Error handling patterns 🚨 💡 Key Learning: Understanding asynchronous JavaScript is a game-changer 💯 Concepts like the Event Loop and Promises help write cleaner, more efficient, and scalable code. 🍽️ The food delivery app example helped me understand how multiple tasks like ordering, payment, and delivery can run efficiently using async concepts. 🔥 Growing step by step every day! Consistency is the key 🔑 #JavaScript #WebDevelopment #CodingJourney #DaysOfCode #AsyncJS #Promises #Learning #DeveloperLife

🚀 Understanding Callback Functions & Callback Hell in JavaScript 💻 Hey everyone! 👋 👇Today I explored two important concepts in JavaScript — Callback Functions and Callback Hell. Sharing my learning in a simple way 👇 🔹 1. Callback Function A callback function is simply a function passed as an argument to another function and executed later. 👉 Example: I created a function sqrt and passed it into another function process The process function calls it with a value (5) 💡 Output: ✔️ It calculates the square → 25 ✨ This shows how functions can be reused and executed dynamically! 🔹 2. Callback Hell 😵💫 When callbacks are nested inside multiple callbacks, it creates a pyramid-like structure, making code: ❌ Hard to read ❌ Difficult to debug ❌ Messy to maintain 👉 Example flow: Step1 ➡️ Step2 ➡️ Step3 ➡️ Final Output 📌 Output: ✔️ Hii I am step1 ✔️ Hello I am step2 ✔️ Hii I am step3 ✔️ All done.. ⚠️ Why is it called "Callback Hell"? Because too many nested callbacks look like a "pyramid of doom" 🔺 and make code confusing! ✅ Better Alternatives To avoid callback hell, we can use: ✨ Promises ✨ Async/Await These make code cleaner and easier to understand 👍 💬 My Learning: Understanding callbacks is the first step toward mastering asynchronous JavaScript 🚀 🔖 #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #Callbacks #AsyncJS #LearningInPublic

One of the first things STEM Link lecturers taught us about JavaScript was the DOM. I had no idea what it was. Now I use it every day. 🌐 So — what is the DOM? When your browser loads a webpage, it doesn't just show your HTML file. It turns every single tag into a JavaScript object and builds them into a TREE structure in memory. That tree is called the DOM — Document Object Model. And here's the powerful part: JavaScript can read AND change that tree in real time — without reloading the page. Think of it like this 👇 Your HTML is the blueprint. The DOM is the actual building. JavaScript is the engineer who can walk in and change anything. --- A simple example: <h1 id="title">Hello</h1> <button onclick="changeText()">Click me</button> function changeText() {  document.getElementById("title").textContent = "DOM works!"; } That one line — document.getElementById() — is JavaScript reaching into the DOM tree and grabbing a node. --- 3 things I learned about the DOM: → The DOM is NOT your HTML file   It's a live object that exists in memory → Every HTML tag becomes a "node"   Nodes have properties, methods, and events → JavaScript controls the DOM   That's how buttons click, menus open, and pages update without refreshing --- Once I understood this, everything clicked. Why React exists → it manages the DOM for you (faster + smarter) Why addEventListener works → you're adding behavior to a DOM node Why innerHTML changes the page → you're rewriting part of the tree The DOM is the foundation of all web interactivity. Before you touch React, Vue, or any framework — understand the DOM first. StemLink lectures made this so clear with real examples and live demos. If you're learning web dev, start here. What JavaScript concept confused you the most at first? Drop it below 👇 #JavaScript #DOM #WebDevelopment #FrontendDev #StemLink #IITColombo #LearnToCode #CS #StudentDeveloper #BuildInPublic

🚀 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

🚀 Day 1/30 — JavaScript Journey Begins “You’re not bad at JavaScript… You just learned it the WRONG way.” Most beginners jump straight into frameworks like React… Without understanding the language itself. That’s the biggest mistake. ❌ Today, we fix that. 👇 🔥 What I Learned Today: ✅ What is JavaScript (and why it runs everywhere) ✅ How JS works in the browser ✅ Variables (let, const, var) — the RIGHT way ✅ Basic data types (string, number, boolean, null, undefined) 💡 Reality Check: If your foundation is weak… No framework can save you. Strong basics = Strong developer. 🎯 Day 1 Task: ✔️ Write 10 variable examples ✔️ Experiment in browser console ✔️ Understand let vs const deeply ⚡ Commitment: I will show up for 30 days. No excuses. No shortcuts. 💬 Comment “DAY 1” if you’re starting with me 🔁 Follow for daily JavaScript mastery #JavaScript #WebDevelopment #CodingJourney #LearnToCode #30DaysChallenge

🚀 Strengthening My JavaScript Problem-Solving Skills🚀 I’ve been practicing core JavaScript problems to improve my logic building and coding confidence. Here are some key problems I worked on: 🔹 Reversing an Array using: Extra space (new array) Two-pointer approach (while loop) Optimized for loop swapping 🔹 Removing Falsy Values Learned how to filter out values like false, 0, "", null, undefined, and NaN using both loops and built-in methods. 🔹 Finding Unique Elements Used objects and array methods to identify elements that appear only once. 🔹 Sum of Even Numbers Explored different approaches using filter + reduce and bitwise operators. 🔹 Finding Maximum in Nested Arrays Worked on flattening nested arrays using recursion and built-in methods to extract the maximum value. 💡 Key Takeaways: Improved understanding of array manipulation Practiced multiple approaches for the same problem Gained confidence in writing optimized and readable code Strengthened problem-solving mindset Consistency is the key. Small steps every day are helping me get better at JavaScript 🚀 #JavaScript #WebDevelopment #CodingPractice #ProblemSolving #FrontendDevelopment #LearningJourney