This tutorial is for members only

Learn Straight from the Experts Who Shape the Modern Web

200+
In-Depth Courses
21
Learning Paths
Industry Leading Experts
Live Interactive Workshops
Get Unlimited Access Now

JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue

Lydia Hallie
Lydia Hallie
Lydia Hallie
JavaScript
April 4, 2024

Learn how the browser event loop, task queue, microtask queue, and Web APIs work together to enable non-blocking, asynchronous JavaScript.

JavaScript JavaScript
View more
How To Create An Animated Image Carousel With CSS/JavaScript
JavaScript CSS

How To Create An Animated Image Carousel With CSS/JavaScript

By Web Dev Simplified
Image Gallery Web Component - Part 1
HTML CSS JavaScript

Image Gallery Web Component - Part 1

By Chris Coyier
Image Gallery Web Component - Part 2
HTML CSS JavaScript

Image Gallery Web Component - Part 2

By Chris Coyier
JavaScript Visualized - Closures
JavaScript

JavaScript Visualized - Closures

By Lydia Hallie
JavaScript Visualized - Execution Contexts
JavaScript

JavaScript Visualized - Execution Contexts

By Lydia Hallie
JavaScript Visualized - Promise Execution
JavaScript

JavaScript Visualized - Promise Execution

By Lydia Hallie
Mutation Observer Is Unbelievably Powerful
JavaScript

Mutation Observer Is Unbelievably Powerful

By Web Dev Simplified
Popular
View more
There's a lot to learn by centering a div
CSS

There's a lot to learn by centering a div

By Kevin Powell
How To Create An Animated Image Carousel With CSS/JavaScript
JavaScript CSS

How To Create An Animated Image Carousel With CSS/JavaScript

By Web Dev Simplified
Image Gallery Web Component - Part 2
HTML CSS JavaScript

Image Gallery Web Component - Part 2

By Chris Coyier
Image Gallery Web Component - Part 1
HTML CSS JavaScript

Image Gallery Web Component - Part 1

By Chris Coyier
Mutation Observer Is Unbelievably Powerful
JavaScript

Mutation Observer Is Unbelievably Powerful

By Web Dev Simplified
Strategies for margins, padding, gaps, and more
CSS

Strategies for margins, padding, gaps, and more

By Kevin Powell
How To Handle CSS Colors Like A Senior Dev
CSS

How To Handle CSS Colors Like A Senior Dev

By Web Dev Simplified
Animate height: auto with interpolate-size and calc-size()
Creative Coding CSS

Animate height: auto with interpolate-size and calc-size()

By Kevin Powell
Latest
View more
How To Create An Animated Image Carousel With CSS/JavaScript
JavaScript CSS

How To Create An Animated Image Carousel With CSS/JavaScript

By Web Dev Simplified
Mutation Observer Is Unbelievably Powerful
JavaScript

Mutation Observer Is Unbelievably Powerful

By Web Dev Simplified
Create a clean, modern navigation with HTML & CSS
Creative Coding CSS

Create a clean, modern navigation with HTML & CSS

By Kevin Powell
JavaScript Visualized - Promise Execution
JavaScript

JavaScript Visualized - Promise Execution

By Lydia Hallie
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
JavaScript

JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue

By Lydia Hallie
JavaScript Visualized - Execution Contexts
JavaScript

JavaScript Visualized - Execution Contexts

By Lydia Hallie
Stop the Flexbox for 1D, Grid for 2D layout nonsense
CSS

Stop the Flexbox for 1D, Grid for 2D layout nonsense

By Kevin Powell
JavaScript Visualized - Closures
JavaScript

JavaScript Visualized - Closures

By Lydia Hallie