Unveiling the JavaScript Runtime Environment: Exploring Components, Execution, & Examples | Core JS

preview_player
Показать описание
In this video, we explore the inner workings of JavaScript's runtime environment and its key components. Learn how to identify which runtime environment is executing your script and gain a deep understanding of the JavaScript Engine, Web APIs, Callback Queue, Microtask Queue, and Event Loop. Discover the roles they play in executing JavaScript code and the differences between tasks and microtasks. Join us as we unravel the complexities of JavaScript's runtime environment with insightful examples. Don't miss out on this informative video that will enhance your understanding of JavaScript!

Content:
00:00 - Intro
00:17 - What is a Runtime with respect to a programming language?
01:26 - What is JavaScript Runtime Environment?
02:09 - How to find out which Runtime environment is executing the script?
03:09 - Components of JavaScript Runtime Environment
03:30 - JavaScript Engine
03:46 - Interpreter-Compiler Pipeline
03:54 - Call Stack
04:27 - Memory Heap
04:49 - Web APIs
05:02 - Document Manipulation
05:17 - Graphics Manipulation
05:32 - Fetch Server Data
06:24 - Callback Queue
07:42 - Different types of Tasks
09:00 - Microtask Queue
09:31 - Different types of Microtasks
10:30 - Difference between Tasks and Microtasks
11:15 - Event Loop
11:30 - Event Loop Algorithm
12:53 - Event Loop Algorithm in Depth
14:47 - Examples of Event Loop
14:55 - Example 1
16:03 - Example 2
18:20 - Example 3
20:55 - Example 4
23:55 - Summary

Tools being used:

Link to the code repositories:

Please consider supporting the channel:

Follow me on twitter or facebook:
Рекомендации по теме
Комментарии
Автор

In this video, we explore the inner workings of JavaScript's runtime environment and its key components. Learn how to identify which runtime environment is executing your script and gain a deep understanding of the JavaScript Engine, Web APIs, Callback Queue, Microtask Queue, and Event Loop. Discover the roles they play in executing JavaScript code and the differences between tasks and microtasks. Join us as we unravel the complexities of JavaScript's runtime environment with insightful examples. Don't miss out on this informative video that will enhance your understanding of JavaScript!


Content:
00:00 - Intro
00:17 - What is a Runtime with respect to a programming language?
01:26 - What is JavaScript Runtime Environment?
02:09 - How to find out which Runtime environment is executing the script?
03:09 - Components of JavaScript Runtime Environment
03:30 - JavaScript Engine
03:46 - Interpreter-Compiler Pipeline
03:54 - Call Stack
04:27 - Memory Heap
04:49 - Web APIs
05:02 - Document Manipulation
05:17 - Graphics Manipulation
05:32 - Fetch Server Data
06:24 - Callback Queue
07:42 - Different types of Tasks
09:00 - Microtask Queue
09:31 - Different types of Microtasks
10:30 - Difference between Tasks and Microtasks
11:15 - Event Loop
11:30 - Event Loop Algorithm
12:53 - Event Loop Algorithm in Depth
14:47 - Examples of Event Loop
14:55 - Example 1
16:03 - Example 2
18:20 - Example 3
20:55 - Example 4
23:55 - Summary

Tools being used:

Link to the code repositories:

Please consider supporting the channel:

Follow me on twitter or facebook:

DecodeWebWithRohan
Автор

why I didn't discover this channel sooner? And why it's so underrated. 🤷

pareshkamaliya