Asychronicity and Promises Sketchnotes

🗓 March 15, 2023

These sections of JavaScript: The Hard Parts, v2 on Frontend Masters were very in depth, covering callback and microtask queues and the prioritization of each in the event loop. Using examples with setTimeout(), fetch(), and console.log(), Will Sentance demonstrated how and when JavaScript executes asynchronous code. I really like the way Sentance walks through code examples in the workshop.

It’s been interesting to challenge myself to take sketchnotes in this format. I’m more accustomed to doing them during conference talks; visual notes course content that relies pretty heavily on code examples has really stretched my skills. I have rewatched the videos several times, paused video, and redrawn the notes as I synthesize the information presented. I hope this process becomes less tedious as my brain muscles adapt to using visual notetaking for this kind of content.

Sketchnotes for "Asynchronicity in JavaScript" -- JavaScript: The Hard Parts, by Will Sentance

Sketchnotes for "Callback Queue and Event Loop" -- JavaScript: The Hard Parts, by Will Sentance

Sketchnotes for "Promises" -- JavaScript: The Hard Parts, by Will Sentance

Sketchnotes for "Promises, continued" -- JavaScript: The Hard Parts, by Will Sentance

Sketchnotes for "Promises, continued" -- JavaScript: The Hard Parts, by Will Sentance