Optional Chaining in JavaScript

While learning JavaScript, I wanted to understand the actual flow of asynchronous operations. This simple diagram shows the sequence from fetch() to Promises, async/await, error handling with try/catch, and finally organizing code using ES Modules. I learned these concepts from Devendra Dhote bhaiya and tried to visualize the flow in a simple way. Breaking concepts into small visual steps makes asynchronous JavaScript much easier to understand. #javascript #webdevelopment #frontend #learninginpublic #sheryians

💡 Learning Something New in JavaScript Today! Today I learned about the padStart() method in JavaScript. It’s a simple but very useful string method that helps format values by adding characters to the beginning of a string until it reaches a desired length. Example: "5".padStart(3, "0") // Output: "005" This is especially helpful when formatting: Dates and times (e.g., 09, 07) Serial numbers or IDs Counters and timers Small concepts like these make code cleaner and more readable. Excited to keep exploring more JavaScript features every day! #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment

> Day 12/21 : JavaScript Control Flow As part of my 21-Day Full Stack Revision Challenge, today I revised control flow in JavaScript, which helps programs make decisions and repeat tasks. Control flow is important because it allows the program to execute different actions based on conditions. > Topics I Covered If–Else Statements – Used to execute code based on conditions Switch Statements – A cleaner way to handle multiple conditions Loops – Used to repeat a block of code multiple times > Why It Matters Control flow helps developers build logical and dynamic programs by controlling how and when code runs. Day 12 completed #FullStackDeveloper #JavaScript #WebDevelopment #LearningInPublic #21DaysChallenge #CodingJourney

Day 4 of my JavaScript learning journey. Today I learned one of the most confusing concepts so far: Hoisting. I tried something strange. greet(); function greet() { console.log("Hello!"); } The function worked even before it was defined. That’s because of hoisting. JavaScript reads the whole code first and moves function declarations to the top internally. But variables behave differently. console.log(x); var x = 5; This prints undefined, not 5. And if we use let or const, JavaScript throws a ReferenceError. This area is called the Temporal Dead Zone. My takeaway today: Always declare variables before using them. Day 4 done. JavaScript keeps getting more interesting. What JavaScript concept confused you the most when you first learned it? #JavaScript #LearningInPublic #WebDevelopment #100DaysOfCode #Frontend

Continuing my Frontend revision, sharing my handwritten notes on JavaScript concepts. While learning JavaScript, I realized how important it is to understand conditions and operators clearly. These cover console.log, template literals, operators, comparison (== vs ===), conditional statements, logical operators, truthy & falsy values, and alert & prompt. Sharing in case it helps anyone learning JavaScript fundamentals. JavaScript Notes – Part 2 #JavaScript #WebDevelopment #StudentDeveloper #Consistency #ComputerScience

Most people think they understand JavaScript classes. They don’t. Because JavaScript doesn’t even have real classes. What it actually has is prototypes — and classes are just syntactic sugar on top of them. Today in my T9 class, this completely changed how I look at JS: → Prototype-based inheritance (the actual mechanism) → Traditional vs Modern prototype handling → Constructor Functions (how things worked before classes) Then we moved to what most people are comfortable with: → Classes in JavaScript → constructor, extends, super, static → The 4 pillars of OOP: Encapsulation Inheritance Polymorphism Abstraction But here’s the uncomfortable truth: If you don’t understand prototypes, you don’t actually understand inheritance in JavaScript. You’re just memorizing syntax. That’s why debugging feels random. That’s why “this” behaves weird. That’s why things break in unexpected ways. Now it makes sense. Still early in the journey — but this was one of those “everything clicks” moments. Do you think JS should have stayed purely prototype-based, or are classes a good abstraction? #JavaScript #OOPS #WebDevelopment #LearningInPublic Thankyou Chai Aur Code Suraj Kumar Jha Sir Hitesh Choudhary Sir Piyush Garg Sir

🚀 30 Days of JavaScript – Day 12 Can you solve these number puzzles? 🤔 Today I built a small JavaScript program that asks 3 number pattern questions and calculates the final score. 🧠 Concepts Used: conditional statements user input with prompt() variables and score tracking 🎥 Demo below 👇 Full source code in the First comment. #JavaScript #CodingChallenge #ProblemSolving #LearningJavaScript #WebDevelopment

Today I explored one of the most confusing but fascinating concepts in JavaScript — The Event Loop. JavaScript is single-threaded, but it still handles asynchronous tasks like API calls, timers, and promises smoothly. The magic behind this is the Event Loop. Here’s the simple flow: 1️⃣ Call Stack – Executes synchronous code 2️⃣ Web APIs – Handles async tasks (setTimeout, fetch, DOM events) 3️⃣ Callback Queue / Microtask Queue – Stores callbacks waiting to execute 4️⃣ Event Loop – Moves tasks to the call stack when it’s empty 💡 Example: console.log("Start"); setTimeout(() => { console.log("Timeout"); }, 0); Promise.resolve().then(() => { console.log("Promise"); }); console.log("End"); 🧠 Output: Start End Promise Timeout Why? Because Promises go to the Microtask Queue which runs before the Callback Queue. ✨ Learning this helped me finally understand how JavaScript manages async behavior without multi-threading. Tomorrow I plan to explore another interesting JavaScript concept! Devendra Dhote Ritik Rajput #javascript #webdevelopment #frontenddeveloper #100DaysOfCode #learninginpublic #codingjourney #sheryianscodingschool

Day 5 of “Js in bits series – (Datatypes - String)” Some interesting things we explore: 🔹 What exactly a JavaScript string is 🔹 Different ways to create strings (' ', " ", and template literals ` `) 🔹 Why strings are immutable in JavaScript 🔹 Practical examples of working with strings 👉 https://lnkd.in/gZJecfRG #javascript #webdevelopment #frontend #learning #softwareengineering #coding

🚀 30 Days of JavaScript – Day 6 Continuing my journey to improve my JavaScript logical thinking by building small programs every day. 💡 Today’s Program: Find the Largest Number (User Input) This program allows the user to enter numbers separated by commas and then finds the largest number in the list. 🧠 Concepts Used: • prompt() for user input • split() to convert input into an array • map(Number) to convert strings into numbers • for loop for iteration • Conditional comparison (if statement) 📌 Example Input: 10,25,7,90,30 Output: Largest Number: 90 🎥 Demo below 👇 Full source code in the First comment. #JavaScript #WebDevelopment #CodingJourney #ProblemSolving #LearningJavaScript #30DaysOfCode