JavaScript Learning Journey Day 3: Setup and Environments

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

Learning JavaScript & React Today I focused on strengthening my core JavaScript concepts and connecting them with React. 🔹 Practiced important array methods: map() → transforming data filter() → selecting data reduce() → combining data into a single value 🔹 Understood async JavaScript: Learned how async/await works Fetched data from API and displayed it 🔹 React Learning: Used useState to store API data Used useEffect to fetch data when component loads Rendered dynamic data using map() => Key Learning: Understanding the difference between map, filter, and reduce was challenging at first, but now it’s much clearer how they are used in real applications. =>Still improving: Writing reduce logic without confusion Thinking independently without looking at reference code This is just the beginning — focusing on consistency and real understanding. #javascript #reactjs #webdevelopment #learninginpublic #frontenddeveloper

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

🚀 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

🚀 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

I’ve just launched my new course: 👉 Becoming a Seasoned JavaScript Developer This course is designed for one specific goal: Helping you move from “I know some JavaScript” → “I can actually build with it.” Most people get stuck because they: Focus too much on syntax Skip understanding how things work Never build structured, real-world logic This course fixes that. Inside, you’ll learn how to: - Write clean, modern JavaScript (ES6+) - Structure code using objects and classes - Build interactive browser applications - Work with async JavaScript and APIs - Organize code like a real developer This is a beginner-friendly foundation, but also the base for more advanced, domain-specific courses coming next. If you’re serious about learning JavaScript the right way: 👉 https://lnkd.in/gteQyRtB Would love your feedback and thoughts 🙌 #JavaScript #WebDevelopment #Programming #LearnToCode #FrontendDevelopment

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

🚀 Day 1 – JavaScript Journey with Rohit Negi Today I started learning JavaScript from scratch and explored not just “what it is” but why and how it works behind the scenes 💻 📌 1. What is JavaScript? JavaScript is a programming language used to make websites interactive. Without JS, websites would be static (no buttons, animations, or dynamic content). 📌 2. Client-Server Interaction & Browser Role 🌐 Client (Browser) sends request Server sends response Browser renders HTML/CSS JavaScript runs inside browser to handle logic and interaction 📌 3. Why a New Language? 🤔 Web needed a language that could run directly in the browser without heavy setup. 📌 4. Reasons behind JavaScript creation: ✔️ Ease of Learning – Simple syntax, beginner friendly ✔️ Security Limitations 🔐 – Runs inside browser sandbox (safe environment) ✔️ Lightweight ⚡ – Designed for systems with limited resources ✔️ Automatic Garbage Collection ♻️ – Memory automatically managed 📌 5. How JavaScript Runs (V8 Engine) In Chrome, JavaScript runs using the V8 Engine, which converts JS code into fast machine code. 📌 6. Other JavaScript Engines Firefox uses SpiderMonkey Different browsers have their own engines but same JS logic 📌 7. What is V8 Engine? Written in C++ Compiles JavaScript directly into machine code (not interpreted only) Makes execution super fast 🚀 📌 8. Running JavaScript Outside Browser JavaScript is not limited to browsers. We can run it on our system using Node.js 📌 9. Installing & Running Node.js Installed Node.js Ran JS files using VS Code terminal 📌 10. Magic of Node.js ✨ Node.js allows: Backend development Server creation File handling Real-world applications 🔥 Quick Recap: JavaScript = Easy + Secure + Fast + Powerful 💡 Learning Insight: Understanding “how things work internally” is more important than just coding. 💪 End of Day 1 – Strong Foundation Built! Excited for Day 2 🚀 #Day1 #JavaScript #NodeJS #WebDevelopment #CodingJourney #LearnToCode #Developers #RohitNegi 💻🔥