JavaScript Learning Journey: Understanding How JavaScript Works

Starting my JavaScript learning journey — sharing what I learn every day. 🚀 📅 JavaScript Learning Journey — Day 3 Today I explored how to set up and run JavaScript code in different environments. Understanding the setup is important because it helps us practice and build projects efficiently. 🔎 Where can we run JavaScript? JavaScript can run in multiple environments: 💻 1. Browser (Most Common) We can directly run JavaScript in the browser using the Console. 👉 Right click → Inspect → Console 💡 Example: console.log("Hello from Browser"); ⚙️ 2. Using HTML (script tag) We can connect JavaScript with HTML using the "<script>" tag. <script> console.log("Hello from HTML file"); </script> 🖥️ 3. Using Node.js (Backend) JavaScript can also run outside the browser using Node.js. 👉 Run command: node app.js 📌 Tools I used today • Browser DevTools • VS Code • Node.js 📌 Key Takeaways (Day 3) • JavaScript can run in browser and server • Browser Console is great for quick testing • Node.js allows running JS outside browser This is Day 3 of my JavaScript learning series. Next, I’ll start diving into Variables in JavaScript (var, let, const). #JavaScript #WebDevelopment #FrontendDeveloper #LearningInPublic #100DaysOfCode #programinghero

Day 4 of my JavaScript learning journey 🚀 Yesterday was all about building a strong foundation by understanding some core JavaScript concepts: 🔹 Introduction to JavaScript Got a clearer picture of how JavaScript powers interactivity on web pages and why it's such an essential language for developers. 🔹 Variables in JavaScript Learned how to store and manage data using: - var – function-scoped and the old way of declaring variables - let – block-scoped and more flexible - const – block-scoped and used for values that shouldn’t change 🔹 JavaScript Output Methods Explored different ways to display data: - "console.log()" – for debugging in the console - "document.write()" – directly writing to the webpage - "alert()" – showing pop-up messages - "prompt()" – taking user input 🔹 JavaScript Data Types Understood how data is categorized: - Primitive Types – string, number, boolean, null, undefined, symbol, bigint - Non-Primitive Types (Important) – objects, arrays, and functions It’s amazing to see how these basic concepts connect and form the backbone of everything we build in JavaScript. Looking forward to diving deeper and building more 🚀 #JavaScript #WebDevelopment #LearningJourney #Day4 #Coding

🚀 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 15 of My JavaScript Learning Journey Today I explored one of the most important concepts in JavaScript — how it actually works behind the scenes! 🤯 Here’s what I learned 👇 🧠 JavaScript Engine & Single Thread Concept JavaScript runs on a single thread — meaning it executes one task at a time. But still, it feels fast… how? 👀 ⚙️ What Makes JS Synchronous By default, JavaScript executes code line by line (synchronously). But real-world apps need more power! 🌐 Understanding Web APIs Browsers provide Web APIs (like setTimeout, DOM events) that handle async tasks outside JS engine 💡 📥 Callback Queue & Task Queue Async tasks go into queues and wait for their turn to be executed. 🔁 Event Loop Explained The Event Loop checks if the call stack is empty and then pushes tasks from the queue — this is how async magic happens! ✨ 📌 Summary & Key Takeaways: ✔ JS is single-threaded but handles async operations smartly ✔ Event Loop is the heart of async behavior ✔ Web APIs make non-blocking execution possible 📚 Prerequisites I Used: • Basic HTML & CSS • VS Code • Browser 🎯 Skills I'm Building: 💻 Interactive web apps 🧩 Strong JavaScript fundamentals 🎨 Clean & maintainable code #Day15 #JavaScript #LearnJavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #Programming #Beginners #JavaScriptBasics #EventLoop #AsyncJavaScript

🚀 Day 10 of My JavaScript Learning Journey Today I explored JavaScript Functions — the core building blocks of any application. 📌 Key concepts I learned: 🔹 Types of Functions • Named Functions – Functions with a defined name • Anonymous Functions – Functions without a name, often used for one-time use • Arrow Functions (=>) – Modern and concise syntax 🔹 Function Expressions • Functions can be assigned to variables and treated like data 🔹 Advanced Concepts • First-Class Functions – Functions can be passed as arguments and returned from other functions • Higher-Order Functions – Functions that work with other functions • IIFE (Immediately Invoked Function Expression) – Executes immediately after definition 🔹 Scope & Closures • Nested Functions create scope within scope • Important for managing variables and data access 🔹 Generators • Functions that allow pausable execution using yield ⚙️ Understanding functions is crucial because they help write modular, reusable, and efficient code. Step by step, I’m building strong JavaScript fundamentals and problem-solving skills. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics

🚀 Day 9 of My JavaScript Journey 👉Today was a powerful learning day 💥 — Functions and callbacks completely changed how I see JavaScript! Here’s what I learned 👇 🔹 Function Basics Functions are reusable blocks of code 🔁 Write once, use multiple times 🔹 Parameters & Arguments Learned how to pass inputs to make functions flexible 🧠 🔹 Default Values Even if no value is passed, functions can still work smartly 😎 🔹 Rest Operator (...) Used to collect multiple values into one 📦 🔹 Spread vs Rest Same syntax, different roles — one expands, one collects 🤯 🔹 Function Types 👉 Function Declaration vs Expression 👉 Arrow Functions (modern & cleaner ⚡) 🔹 Arrow Function Tricks ✔ Implicit return ✔ Single parameter shortcut ✔ Returning objects 🔹 IIFE (Immediately Invoked Function Expression) Functions that run instantly after being defined 🚀 🔹 Callbacks 🔥 (Most Important) Passing a function as an argument — foundation of async JavaScript 💡 Real-life use case: Placing an order → Payment → Confirmation All handled using callbacks 👉 Why Callbacks Matter? Because JavaScript is asynchronous — callbacks help control execution flow 📌 Next Topic: Closures (Advanced concept 🔐) Consistency is the real power 💯 Improving step by step every day 🚀 #javascript #webdevelopment #mernstack #coding #learning #day9

🚀 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

Starting my JavaScript learning journey — sharing what I learn every day. 🚀 📅 JavaScript Learning Journey — Day 4 Today I learned one of the most important fundamentals in JavaScript — Variables. Variables are used to store data so we can use and manipulate it later in our code. 🔎 What is a Variable? A variable is like a container that holds a value. 💡 Example: let name = "Redoan"; console.log(name); 🧠 Types of Variables in JavaScript There are 3 ways to declare variables: 1️⃣ var (Old way) var age = 20; 2️⃣ let (Modern & recommended) let city = "Dhaka"; 3️⃣ const (Constant value) const country = "Bangladesh"; ⚠️ Difference (Important) • "var" → can be re-declared & has function scope • "let" → can be updated but not re-declared • "const" → cannot be updated or re-declared 📌 Rules for naming variables • Cannot start with number • No spaces allowed • Use meaningful names (best practice) 📌 Key Takeaways (Day 4) • Variables store data • Use "let" and "const" in modern JavaScript • Avoid using "var" in most cases This is Day 4 of my JavaScript learning series. Next, I’ll explore Data Types in JavaScript. #JavaScript #WebDevelopment #FrontendDeveloper #LearningInPublic #100DaysOfCode #programinghero

Starting my JavaScript learning journey — sharing what I learn every day. 🚀 📅 JavaScript Learning Journey — Day 8 Today I learned about Loops in JavaScript — a powerful way to repeat tasks efficiently. Loops help us execute the same block of code multiple times without writing it again and again. --- 🔎 1. for Loop (Most Used) for (let i = 1; i <= 5; i++) { console.log(i); } 👉 Output: 1 2 3 4 5 --- 🔎 2. while Loop let i = 1; while (i <= 5) { console.log(i); i++; } --- 🔎 3. do...while Loop let i = 1; do { console.log(i); i++; } while (i <= 5); --- 🧠 When to use what? • "for" → when you know how many times to loop • "while" → when condition-based loop • "do...while" → runs at least once --- 📌 Key Takeaways (Day 8) • Loops reduce repetitive code • "for" loop is most commonly used • Always be careful with infinite loops ⚠️ --- This is Day 8 of my JavaScript learning series. Next, I’ll explore Functions in JavaScript. #JavaScript #WebDevelopment #FrontendDeveloper #LearningInPublic #100DaysOfCode

🚀 Learning Update | JavaScript Internals & Async Mastery Here’s what I worked on recently: 🔹 Core Concepts (MDN Deep Dive) Studied the JavaScript Event Loop and Promises to build a strong conceptual foundation. 🔹 Custom Promise Implementation Implemented a Promise from scratch, including: • Constructor & executor • resolve/reject handling • Promise chaining 🔹 Utility Methods Built custom implementations of: • Promise.all() • Promise.race() • Promise.allSettled() 🔹 Testing & Edge Cases Wrote comprehensive test cases covering: • Promise chaining • Error handling • Race conditions 🔹 Learning by Teaching 🎥 Recorded a video explaining Promises & Event Loop with practical code examples. 🔹 Code Sharing Pushed the complete implementation to GitHub with detailed comments for better readability and understanding. 🔹 Communication Improvement Continued reading The Power of Subconscious Mind to enhance clarity and communication 🧠 Diving deeper into fundamentals to build stronger systems thinking. #JavaScript #AsyncProgramming #NodeJS #WebDevelopment #LearningInPublic #GrowthMindset