💻Learn HTML, CSS, JS, UI & Algorithms with Code Chronicles Hub. Bite-sized JS Quizzes on YouTube Shorts weekly!
Joined February 2025
- Tweets 99
- Following 35
- Followers 16
- Likes 158
15 Photos and videos
Most developers think the output is 3, 1, 2, 4. They are wrong. ❌
await pauses the function execution NOT the main thread.
JS finishes the script (logs '4') and then logs '2'
📚 Learn JS by Questioning Full Playlist👇
youtube.com/playlist?list=PL…
6
2 Dec 2025
🔥 PART 3 IS LIVE! - Master call(), apply(), and bind() in 5 Minutes!
If you've ever wondered how to make one object "borrow" a method from another, you need this toolkit.
Stop guessing. Master the toolkit
📺 Watch the full visual explanation here: youtu.be/uT3u30L3H-Q
1
2
18
2 Dec 2025
In Part 3 of our "Mastering this" series, we use visual metaphors to surgically precisely control context.
1️⃣ "Run NOW" vs "Run LATER" cheat sheet.
2️⃣ Difference between .call() and .apply()
3️⃣ How .bind() acts like a "time machine"
👇
youtu.be/uT3u30L3H-Q
1
17
25 Nov 2025
Stop losing this in callbacks! 🤯
When you hand your function (🦎) to a "Stranger" (forEach, setTimeout), we lose control, and our code hits undefined.
We fixed the CALLBACK TRAP in Part 2!
🎥Watch the full video now! 👇
youtu.be/Y9wXte2S2vE
2
30
25 Nov 2025
🟡Medium - QUESTION: Strict Mode: On 🛡️
Modern frameworks run in "Strict Mode" by default. Do you know how that changes "this"?
What is "this" in the code below?
A) window / global
B) undefined
C) Error
⚠️If you get this wrong, your app might crash silently! 💥
1
2
13
25 Nov 2025
This is the "Safety Net" difference.
💠 showThis is a regularfn call without a dot. Our🦎is sitting on "no branch"
💠 Legacy JS: It would fall down to the global(window)
💠 Strict Mode: Removes that default behavior, remains undefined.
This is why modern frameworks are safer.
1
2
9
25 Nov 2025
In Part 1, we talked about what happens when you call a function(Our Chameleon 🦎) simply, without a dot (a "Function Call").
Missed Part 1?
📺Watch the full visual explanation here 📷youtu.be/PNGY2WK3IRI
2
14
19 Nov 2025
We often pass class methods directly into addEventListener… but do you know what `this` becomes inside the callback?
Try this quick poll and test your understanding 👇
We learned in Part 1 that regular functions are Chameleons 🦎 but what happens when someone else calls them?
0%
The class instance
100%
The clicked DOM element
0%
window (Global Obj)
0%
undefined
1 votes • Final results
1
1
2
17
19 Nov 2025
Wondering why `this` becomes the DOM element?
I covered the exact reason in Part 1 of my THIS series
👉 Watch Part 1: youtu.be/PNGY2WK3IRI
1
2
27
17 Nov 2025
💥 TypeError: Can't read properties of undefined 😭
If `this` keeps confusing you, you’re using the wrong mental model.
Fix 70% of your bugs with 2 rules 👇
🦎 Regular fn → Look at the DOT (dynamic)
📸 Arrow fn → Look at the PARENT (static)
🎥 Part 1:
youtu.be/PNGY2WK3IRI
1
1
3
30
17 Nov 2025
I explain exactly how "this" works in Part 1 of my new series - "🎯Master JavaScript this: From Confused to Confident"
In this episode, we fix the classic “crashing button” error step-by-step.
This is just the start.
🚀 Part 2 drops next week: We tackle the 'Callback Trap'
#js
1
3
17
14 Nov 2025
🤯 JS Quiz: The API Race - Promise.all vs. Promise.allSettled
What happens when you run Promise.all and Promise.allSettled with a mix of successful and failed promises? Which of these console.log lines will run?
A. 1&3
B. 2&3
C. 1&4
D. 2&4
1
1
2
34
14 Nov 2025
➡️ `Promise.all()`: (Think: Group Project) If ONE promise rejects, the ENTIRE thing fails instantly. You only get the error.
➡️ `Promise.allSettled()`: (Think: Report Cards) It waits for all promises to finish (pass OR fail), and gives you a complete list of all outcomes.
1
1
2
22
14 Nov 2025
🚫STOP your JavaScript app from crashing due to a single failed API call.
Master the concept of The API Race - Promise.all vs. Promise.allSettled, watch the full Short to understand the crucial difference and level up your async JS!
▶️ youtube.com/shorts/8qbG8DA6b…
1
2
36
7 Nov 2025
🙅♂️Stop committing console.log()!
Use Logpoints in Chrome DevTools instead.
You can log any value without touching your source code.
✅ No more "remove log" commits
✅ No save/reload cycle
✅ 100% clean code
Here's a 60-second video showing you how: youtube.com/shorts/VCjhZ5G16…
1
2
1,327
7 Nov 2025
🤦♂️Stop committing console.log()!
Use Logpoints in Chrome DevTools instead.
You can log any value without touching your source code.
✅ No more "remove log" commits
✅ No save/reload cycle
✅ 100% clean code
Here's a 60-second video showing you how: youtube.com/shorts/VCjhZ5G16…
1
4
9,042
7 Nov 2025
Stop committing console.log()! 🤦♂️
Use Logpoints in Chrome DevTools instead.
You can log any value without touching your source code.
✅ No more "remove log" commits
✅ No save/reload cycle
✅ 100% clean code
Here's a 60-second video showing you how: youtube.com/shorts/VCjhZ5G16…
1
2
30
17 Oct 2025
Most developers know that NaN === NaN returns false in JavaScript. What do you think the output of this code will be?
const mySet = new Set();
mySet.add(NaN);
mySet.add(NaN);
mySet.add('NaN');
console.log(mySet.size); // ??
0%
3
100%
2
0%
1
0%
Error
1 votes • Final results
1
1
4
90
17 Oct 2025
🤔 Which option did you choose and why? Drop your reasoning in the comments!👇
Sets use a different equality algorithm internally! 🎥 Watch the full breakdown along with the snippets from the actual internal algorithm used by JavaScript
👉youtube.com/shorts/fPR7nRbOf…
1
2
22
17 Oct 2025
Most developers know that NaN === NaN returns false in JavaScript. What do you think the output of this code will be?
const mySet = new Set();
mySet.add(NaN);
mySet.add(NaN);
mySet.add('NaN');
console.log(mySet.size); // ??
50%
3
50%
2
0%
1
0%
Error
2 votes • Final results
1
4
35
17 Oct 2025
🤔 Which option did you choose and why? Drop your reasoning in the comments!👇
Sets use a different equality algorithm internally! 🎥 Watch the full breakdown along with the snippets from the actual internal algorithm used by JavaScript
👉youtube.com/shorts/fPR7nRbOf…
2
15