JavaScript Deep Dive – Post 4

Promises handle asynchronous operations. They can be in 3 states: pending, fulfilled, or rejected.

const promise = new Promise((resolve, reject) => {
  setTimeout(() => resolve("Done!"), 1000);
});

promise.then(data => {
  console.log(data); // Done!
});

A cleaner way to write async code using Promises.

async function fetchData() {
  try {
    const result = await fetch("https://api.example.com");
    const data = await result.json();
    console.log(data);
  } catch (error) {
    console.error("Error:", error);
  }
}

fetchData();

JavaScript supports object-oriented programming with class.

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a sound.`);
  }
}

const dog = new Animal("Dog");
dog.speak(); // Dog makes a sound.

JavaScript runs in a single-threaded environment using the event loop to manage tasks.

console.log("Start");

setTimeout(() => {
  console.log("Timeout done");
}, 0);

console.log("End");

// Output:
// Start
// End
// Timeout done

JS first finishes the main stack, then handles callbacks in the queue!

Use JavaScript to manipulate webpage elements dynamically.

// HTML: <button id="clickMe">Click Me</button>

document.getElementById("clickMe").addEventListener("click", () => {
  alert("Button clicked!");
});

Try this with real buttons and forms – it’s where magic begins ✨

Now you're ready to start building apps, games, and interactive sites. You just unlocked serious JS power! 💪

Congratulations! 🎉 You've completed the core JavaScript course — from variables and functions to async programming and DOM interactions. Now it’s time to move beyond syntax and start thinking like a real developer. 🔍 Explore practical examples inside the app 🧠 Understand logic step by step 💡 Learn how to build small features, tools, and logic-based snippets by observing working code Don’t just memorize — see it, break it, and build it. Your journey from learning to writing logic starts now.