Learning JavaScript Fundamentals: Tokens, Keywords, Identifiers, and Literals

🚀 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 8 of My JavaScript Journey 🚀 Today, I started learning about functions in JavaScript. Functions are used to group and reuse code, making programs more organized and efficient. There are three types of functions: • Function declaration • Function expression • Arrow function Today, I focused on function declaration. Example: function greet(name) { return "Hello " + name; } One thing I noticed: Functions can feel a bit difficult at first, but they are a core part of JavaScript. So instead of rushing, I’m taking my time to truly understand how they work. Key takeaway: Mastering functions is essential because they are used everywhere in JavaScript. #JavaScript #WebDevelopment #LearningInPublic #100DaysOfCode

Day 2 of My JavaScript Journey 🚀 Today, I learned about values and variables in JavaScript. Values are the most fundamental unit of information in programming. Everything in JavaScript is built around values; numbers, text, true/false, etc. Variables, on the other hand, are like containers (or boxes) used to store these values so they can be reused later in a program. For example: let age = 20; Here, "20" is the value, and "age" is the variable storing it. One simple way to understand it: Values = the data Variables = where the data is stored Key takeaway: Variables make it easier to manage and reuse data efficiently in your code. I’m documenting my journey daily as I grow in JavaScript. #JavaScript #WebDevelopment #LearningInPublic #100DaysOfCode

🚀 Day 70 | JavaScript Functions Deep Dive As part of my journey, today I focused on understanding different types of functions in JavaScript 💻 🔹 What I Worked On: • Function Declaration → basic function usage • Function Expression → assigning function to variable • Functions with & without parameters • Functions with return & without return • Object methods using this keyword • Anonymous functions • Higher-order functions (function inside function) • Callback functions • Recursive functions • IIFE (Immediately Invoked Function Expression) • Arrow functions 💡 Key Learning: • Functions are the core building blocks of JavaScript • Different types of functions are used based on the situation • Callbacks and higher-order functions are very important in real-world applications • Arrow functions provide shorter and cleaner syntax 🔥 Takeaway: 👉 Mastering functions is key to writing efficient and scalable JavaScript code Consistency is making concepts stronger day by day 🚀 #Day70 #JavaScript #Functions #WebDevelopment #ProblemSolving #CodingJourney #10000Coders #FrontendDeveloper #ValiBashaSir

🚀 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 69 – JavaScript Functions Unlocked 🔑 Today was all about diving deeper into the heart of JavaScript — functions. I explored how different types of functions shape the way we write reusable, efficient, and expressive code. 🔸 Practiced arrow functions for concise syntax and cleaner code. 🔸 Understood higher-order functions that take other functions as arguments or return them, making logic more powerful. 🔸 Worked with callbacks to handle asynchronous tasks step by step. 🔸 Explored recursive functions to solve problems by breaking them down into smaller, repeatable steps. 🔸 Learned about IIFE (Immediately Invoked Function Expressions) for creating isolated scopes. 🔸 Experimented with anonymous functions to keep code flexible and dynamic. 🌱 Reflection – Functions are the building blocks of JavaScript. Each type brings a unique way to structure logic, manage scope, and improve readability. Today reminded me that mastering these variations is key to writing code that’s both elegant and adaptable. ✨ Grateful to Rudra Sravan kumar sir, mounika M mam, and the 10000 Coders team for guiding me through these concepts and helping me connect the dots across languages. ⚡ Day 69 was about transforming functions into tools of clarity, reusability, and creativity. #Day69 #JavaScript #Functions #ArrowFunctions #Callbacks #Recursive #IIFE #CodingJourney #10000Coders #GrowthMindset #LearnInPublic #100DaysOfCode

🚀 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

We've been learning JavaScript, const, let, if/else, functions, objects, arrays… the works. Monday we hit Arrays and Objects and honestly? Half the class (myself included) left that session with our eyes turning up and down 👀 We went from our regular: console.log("your value"), simple, clean, no stress. To suddenly needing to access specific keys like: console.log(fruit[3]) console.log(person.name) Wahala! 😂 And don't even get me started on .shift() and .unshift(), you'd think shift means shift and unshift means return it back to its former state right? WRONG. JavaScript doesn't care about your logic 😂. The literal meaning is not always as it seems out here. It felt like a whole new language inside the language. So our tutor did something real instead of pushing forward, we repeated the class today to make sure everyone wasn't as confused as the last session before moving on. That's the kind of learning environment TechCrush is building. Nobody gets left behind. Slow and steady, but we will get there 💪 #TechCrush #JavaScript #FrontendDevelopment #LearningInPublic #Tech4africanscholars

Day 1 🧠 Understanding Lexical Scoping in JavaScript (in 2 minutes) One concept that quietly powers a lot of JavaScript behavior is lexical scoping. 👉 Simply put: A function remembers where it was written, not where it is called. 🔍 Example: let name = "Global"; function print() { console.log(name); } function test() { let name = "Local"; print(); } test(); // Output: Global 💡 Even though print() is called inside test(), it still logs "Global". Why? Because print() was defined in the global scope, so it uses that scope. 🧠 Key Takeaways: Scope is determined at write time (lexical), not run time. JavaScript looks for variables in the scope chain upward. This is the foundation of closures. 🚀 Why this matters: Understanding lexical scoping helps you: ✔ Write predictable code ✔ Debug faster ✔ Master closures, callbacks, and async logic ✔ Work better with React hooks 🔥 One-line takeaway: 👉 "Where you write your function decides what it can access." If you're learning JavaScript fundamentals, don’t skip this — it shows up everywhere. #JavaScript #WebDevelopment #Frontend #Coding #100DaysOfCode

🚨 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