Unveiling the JavaScript Runtime Environment: Exploring Components, Execution, & Examples | Core JS
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!
• JavaScript Engine under the hood: How is C... - JavaScript Engine under the hood: How is Code Translated and Executed? | Core JavaScript
• Understanding Execution Context, Call Stac... - Understanding Execution Context, Call Stack and Hoisting in JavaScript | Core JavaScript
• Demystifying Scope and Scope Chain in Java... - Demystifying Scope and Scope Chain in JavaScript: Why it Matters and How it Works | Core 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:
Code editor: VS Code ( https://code.visualstudio.com/ )
Manage version control: GIT ( https://git-scm.com/downloads )
GUI for GIT: Sourcetree ( https://www.sourcetreeapp.com/ )
Design: Pencil Project ( https://pencil.evolus.vn/ )
Repository: GitHub( https://github.com/DecodeWebWithRohan... )
Graphic Design: Canva ( https://www.canva.com/ )
Recording: OBS Studio ( https://obsproject.com )
Video Editor: DaVinci Resolve ( https://www.blackmagicdesign.com/prod... )
Link to the code repositories:
https://github.com/DecodeWebWithRohan...
Please consider supporting the channel:
https://paypal.me/DecodeWebWithRohan
Follow me on twitter or facebook:
/ decodewebwrohan
/ decodewebwithrohan