Members | Series | Title | Release | Length |
---|---|---|---|---|
JavaScript for Beginners |
Inheritance
Ready to level up your JavaScript classes? 🚀 In this episode, we’ll explore how objects can inherit behavior from one another, making our code more powerful and reusable.
Here’s what we’ll cover: 🌳 Why Inheritance matters for organizing and scaling your code. 🔗 Using extends to create child classes. 🧩 Leveraging super() to tap into parent constructors. ✍️ Overriding methods to customize behavior for specific classes. We’ll bring it all together with an Animal → Dog example, showing how subclasses can extend functionality while keeping your code DRY and elegant. 🐾 By the end, you’ll have the tools to structure your JavaScript programs like a true object-oriented pro. ⚡ |
Tue, Sep 23, 2025 | 9m:8s | |
JavaScript in the Browser |
The Event Loop
JavaScript may look simple, but under the hood it’s powered by the Event Loop — the secret sauce that lets your code juggle tasks, handle async operations, and keep your apps responsive. In this video, we’ll break down exactly how it works (without frying your brain 🥓).
Here’s what you’ll learn: 📚 Call stack basics – how functions get pushed, popped, and executed ⏱️ Synchronous vs asynchronous execution – what runs now vs what runs later 🕒 Macrotasks – like setTimeout and setInterval ⚡ Microtasks – like Promises and queueMicrotask 🧪 A hands-on demo where we predict and then prove the order of console logs using timers & promises You’ll finally understand: ✅ Why some logs show up before you expect them ✅ Why promises are “faster” than timeouts ✅ How the browser keeps things efficient, even when you’re spamming microtasks By the end, you’ll see the Event Loop not as magic, but as your best friend in building smooth, non-blocking web apps 🚀 👉 Watch now and unlock the inner workings of JavaScript’s brain 🧠⚡ |
Tue, Sep 23, 2025 | 13m:16s | |
JavaScript for Beginners |
Modules & Imports
Time to break up the band 🎸—but in the best way possible! In this episode, we’ll see how ES Modules help you split your code into neat, reusable files and then pull them back together with ease.
Here’s what we’ll cover: 📦 What modules are and why they make your code cleaner and more maintainable. 🔀 The difference between named and default exports. 📥 How to import modules into your project like a pro. 🌐 Setting up modules in the browser with type="module" (plus a sneak peek at Node.js). We’ll walk through a math utility example, exporting functions and constants, then importing them back into main.js for instant reusability. By the end, you’ll be ready to organize your projects like a seasoned developer, keeping your codebase modular, scalable, and stress-free. 🚀 |
Thu, Sep 25, 2025 | 6m:55s | |
JavaScript in the Browser |
Timers and Intervals
Timers are everywhere in JavaScript: countdowns, clocks, animations, polling APIs… but they don’t always behave the way you expect. In this video, we break them down so you can use them with confidence.
You’ll learn: ⏳ setTimeout – schedule code to run later 🔁 setInterval – repeat actions at intervals ❌ Canceling timers – clearTimeout, clearInterval 🧑💻 Real-world use cases – clocks, countdowns, polling APIs ⚠️ Pitfalls – interval drift, blocked UI, when not to rely on timers We’ll demo: - Building a start/pause digital clock - Defusing a “time bomb” ⏱💣 with clearTimeout - Seeing timer drift in action when the event loop is overloaded By the end, you’ll know not just how to use timers—but how to spot when they lie to you 🕵️♂️ |
Thu, Sep 25, 2025 | 11m:4s | |
JavaScript in the Browser |
Fetch API Basics
Unlock the power of the Fetch API and take your JavaScript skills to the next level! ⚡️
In this video, you’ll discover how to: Make lightning-fast GET requests with fetch() Transform API responses into usable JSON 🔄 Handle errors like a pro (404s, network issues, and more) 🛑 Write cleaner, modern code with Promises and async/await ✨ Whether you’re pulling in jokes, quotes, or real-world data, this lesson gives you the tools to connect your app to the web 🌍 and make it truly dynamic. 👉 Hit play and start fetching like a pro! 🚀 |
Tue, Sep 30, 2025 | 8m:58s | |
JavaScript in the Browser |
Ajax Requests - Historical Context
Before fetch() became the go-to for making network requests, developers had to rely on XMLHttpRequest (XHR) — and later, jQuery’s $.ajax() — to bring data into web pages dynamically.
In this video, we’ll explore: - The basics of making a request with XMLHttpRequest 🏗️ - How jQuery simplified AJAX calls 📦 - The key differences between XHR and Fetch - Why modern JavaScript has left XHR behind in favor of cleaner, promise-based APIs ✨ Understanding this history will give you context for legacy codebases 👴 and help you appreciate just how much easier today’s tools make things. 👉 Watch now and see how far we’ve come with AJAX and Fetch! 🚀 |
Thu, Oct 2, 2025 | 9m:16s |