Тёмный

🔴 QUÉ es el EVENT LOOP en JAVASCRIPT - PASO a PASO ⚠️ 

Eduardo Fierro
Подписаться 34 тыс.
Просмотров 5 тыс.
50% 1

Hoy vas a APRENDER el EVENT LOOP de JAVASCRIPT paso a paso entendiendo el Event Loop, la Call Stack, la Task Queue y el Render Pipeline. Descubre todo lo que necesitas saber sobre el Event Loop en JavaScript. Descubre cómo funciona y por qué es importante para los programadores. Aprende sobre las partes del Event Loop, como el call stack, la Task Queue y las Web APIs, y cómo trabajan juntas para hacer que tu código sea más eficiente. Además, te mostraremos cómo se ordenan las tareas en la Task Queue y cómo funciona el rendering pipeline en JavaScript.
🔖 TODOS los vídeos de esta SERIE
✔️ ¿CÓMO funciona JAVASCRIPT? • ⚠️ ¿CÓMO funciona JAVA...
✔️ ¿Qué es EXECUTION CONTEXT en JAVASCRIPT? • 🚀 ¿QUÉ es CONTEXTO de ...
✔️ ¿Qué es LEXICAL ENVIRONMENT en JAVASCRIPT? • ⚠️ ¿QUÉ es el ENTORNO ...
✔️ ¿Qué es la CALLSTACK en Javascript? • 📞 PILA de LLAMADAS (CA...
✔️ EXPLICACION COMPLETA • 👨🏻‍🎓 Explicación compl...
✔️ Chrome y Engine de JS • 🚀 ENTIENDE JavaScript ...
✔️ ¿Qué es el EVENT LOOP en Javascript? • 🔴 QUÉ es el EVENT LOOP...
✔️ Ver el Event Loop en Chrome (Próximamente)
✔️ HOISTING en Javascript (Próximamente)
📘 Artículo en mi BLOG
eduardofierro.pro/blog/explor...
🎙Podcast de esa serie
open.spotify.com/episode/0uB6...
Si te ha gustado el vídeo dale a like, suscríbete y ¡dale a la campanita! 😊
____
📹Otros vídeos de mi canal
😊 Vídeos recomendados • 👉Vídeos recomendados
🚀ROADMAP Desarrollo WEB • 🔎ROADMAP de un DESARRO...
🤯 Explicando Web de forma diferente • 😱Explicando conceptos:...
🙇🏻 Construyendo uns Slider, Acordeón, Tabs... • 🤯 Construyendo un Carr...
_______
📚¿Estás buscando un Curso, Máster o Bootcamp sobre desarrollo web?
Soy profesor en la escuela CEI donde imparto Cursos y Másters sobre desarrollo web donde puedes obtener un descuento del 5% en el precio del curso usando el código embajador.eduardofierro
¡Pide información sobre los cursos donde soy profesor desde este enlace!
👉cei.es/?ref=eduardofierropro
______
✅Directos en Twitch: / eduardofierropro
✓¡Apóyame en RU-vid! ru-vid.com...
✓Trucos rápidos en TikTok / eduardofierro.pro
✓Podcast sobre desarrollo web anchor.fm/eduardofierropro
✓Programación en Instagram / eduardofierro.pro
✓Códigos para descargar en Github github.com/eduardofierropro
✓Noticias sobre web en Twitter / 1325827794627129344
✓Mi web eduardofierro.pro
_______
🔥Enlaces a productos de mi setup
🖥 Samsung Space Monitor 27" (amzn.to/3mABk0R)
💻 MacBook Pro 15" 2019 (amzn.to/2XEdeGL)
⌨️ Logitech G915 (amzn.to/2Tzy1da)
🖱 Logitech MX Master 2 (amzn.to/2WZlUZa)
🎙 Micrófono BlueSnowball (amzn.to/2ZsCUsi)
📹 Logitech C920 (amzn.to/2XsdckW)
💡 Elgato Key Light Air (amzn.to/2TzxPus)
💡 Elgato Right Light (amzn.to/3tWoM62)
🎛 Elgato Stream Deck Mini (amzn.to/3d1cy4n)
🎙 Elgato Wave 3 (amzn.to/2QsPLbU)
🎙 Elgato Wave Pop FIlter (amzn.to/33ONkU1)
✔️ Elgato Soporte Teléfono (amzn.to/2RTZatj)
🎧 Corsair VOID Pro RGB Wireless (amzn.to/36t7H9R)
✔️ Corsair ST100 RGB premium (amzn.to/3d3hiZY)
📱 iPhone XS (amzn.to/2ARyvoo)
📱 Motorola G (amzn.to/2TzYcjO)
📱 Samsung M11 (amzn.to/3uTwNKh)
🪑 Drift dr500b(amzn.to/3kaEHtE)
Enlaces en los productos en mi web: (eduardofierro.pro/workspace)
______
Psss... Si has llegado hasta aquí eres un auténtico CRUCK de la vida. ¿Vemos cuántos somos poniendo "de frontends!!" en los comentarios ? 😏
______
Capítulos:
00:00 Introducción
00:26 Engine de JS + Event Loop
01:09 ¿Qué es el bucle de eventos o event loop?
01:46 Partes del Event Loop
02:29 ¿Qué es un loop en Event Loop JavaScript?
02:47 ¿Qué es el call stack de JavaScript?
03:52 setTimeout y Promises en Event Loop
04:12 WebAPIs en el Event Loop
04:27 ¿Qué es una API Web ejemplos?
04:57 NO todo es JAVASCRIPT
05:38 Tareas en el Event Loop
06:21 Task Queue
06:33 ¿Qué es una Task?
06:50 ¿Qué cosas son tareas?
07:09 ¿Qué es Microtasks en Javascript?
07:33 ¿Qué cosas son Microtareas en Javascript?
07:56 ¿Qué es Task Queue?
08:24 Prioridad de tareas en Task Queue
09:09 ¿Cómo se ordenan las tareas en Task Queue?
10:32 ¿Qué es el render pipeline en Javascript?
11:42 Crear una imagen en Pantalla
12:54 Orden del Render Pipeline
14:06 ¿Qué es el Event Loop?
14:22 ¿Para qué sirve el Event Loop?
14:54 ¿Cómo funciona el event loop?

Опубликовано:

 

11 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@EduardoFierroPro
@EduardoFierroPro Год назад
😊 Vídeos recomendados ru-vid.com/group/PLJpymL0goBgEzi6Z5AQysL8B-PNeovcjj 🚀ROADMAP Desarrollo WEB ru-vid.com/group/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv 🤯 Explicando Web de forma diferente ru-vid.com/group/PLJpymL0goBgFK8kBgMuAAGfUEuP83Q1Ab 🙇🏻 Construyendo un Slider, Acordeón, Tabs... ru-vid.com/group/PLJpymL0goBgFXN27jElLCmysKQboKW7uW 😊Dale like y suscríbete si te ha gustado 😊
@aurelioobando5329
@aurelioobando5329 9 месяцев назад
he visto RU-vidrs complicandose explicando temas sencillos y tu Eduardo, explicas lo dificil de manera muy comprensible, sin duda el mejor, sigue asi.
@klysweroliva8503
@klysweroliva8503 8 дней назад
Felicitaciones por este gran trabajo. (Y)
@SalvadorBeltran-hz7fi
@SalvadorBeltran-hz7fi 2 месяца назад
Muchisimas gracias por este tipo de contenido, no sabes cuanto nos ayuda, suscrito!
@elchiconube_
@elchiconube_ 3 месяца назад
Muy bien explicado mis dieses
@eduardorivas6959
@eduardorivas6959 Месяц назад
Excelente! Muchas gracias.
@SalvadorBeltran-hz7fi
@SalvadorBeltran-hz7fi 2 месяца назад
Muchisimas gracias! sucrito!
@FyahDev
@FyahDev Год назад
Solo falta que explote tú canal. Eres un excelente profesor. Los diagramas ayudan mucho a la comprensión.
@santisalasb
@santisalasb 3 месяца назад
He visto bastantes videos del tema, creo que este es el mejor hasta el momento
@alanhumbertocruzdiaz3821
@alanhumbertocruzdiaz3821 5 месяцев назад
Sumamente agradecido, esta manera visual de explicar el tema es grandiosa!
@felipepino834
@felipepino834 Год назад
bravo! bravo! , lo estuve esperando y esto es maravilloso , gracias eduardo ,por fin entendiendo javascript, de verdad estoy muy agradecido de lo que estas haciendo , esto no lo enseña casi nadie y lod que lo enseñan parece que ni lo saben, de verdad este es el corán de javascript.
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchísimas gracias por el apoyo Felipe!! 😊 La verdad es que este vídeo tiene muchísimo trabajo (aunque no lo parezca xD)
@martingalenda877
@martingalenda877 3 месяца назад
El mejor sin lugar a dudas. Esto es vocación! Like y me suscribo por el esfuerzo en explicar REALMENTE COMO SE DEBE. Muchisimas gracias Eduardo
@lalogarcia8507
@lalogarcia8507 Год назад
Grandioso, entiendo mas esto ahora 🤯, se te agradece muchisismo🙌
@EduardoFierroPro
@EduardoFierroPro Год назад
Vaaaamos!!! Muchas gracias Lalo por el apoyo!! 😊
@aurelioobando5329
@aurelioobando5329 9 месяцев назад
@@EduardoFierroPro hermano, que libros recomiendas, por ejemplo, de las bases a libros mas complejos, que tambien expliquen el funcionamiento de javascript, muy buenos videos, nue sub y like.
@yotajm1982
@yotajm1982 3 месяца назад
Buenisimo
@idvirtualidvirtual8394
@idvirtualidvirtual8394 7 месяцев назад
Muy bien explicado Eduardo. Muchas gracias por tu tiempo y conocimiento. Llevo meses intentando conocer a fondo el eventloop. Con tu vídeo estoy más cerca de lograrlo! 🙏
@JesusPetit5
@JesusPetit5 6 месяцев назад
Eduardo un saludo, excelente video!
@joehunterdev
@joehunterdev 5 месяцев назад
Buen Explicacion!
@find_me8830
@find_me8830 5 месяцев назад
Muchas gracias, lo explicaste a la perfección :D
@JOSECASTILLO-kh3vt
@JOSECASTILLO-kh3vt 9 месяцев назад
Esta es una buena explicacion para lo que pasa en el navegador pero no en nodejs
@ep4r4
@ep4r4 3 месяца назад
de frontends!!
@erickcortijovargas910
@erickcortijovargas910 Год назад
hola eduardo, puedes hacer un video explicando el @use y @forward de sass 🙏, no hay mucha informacion clara en internet...
@martinvarela206
@martinvarela206 5 месяцев назад
Consulta, quien resuelve las tareas dentro de la CallStack y dentro de la Task Queue? el motor de Javascript lo hace en la CallStack y la WebAPI/Bindings lo hacen para la Task Queue?
@ademir5510
@ademir5510 11 месяцев назад
Una duda, al final del video dices que si una Microtarea o un Tarea WebApi afectan al Dom, entonces antes de pasar al Callstack tienen que pasar primero por el Render Pipeline. En el ejemplo del video solo usas console.log, la pregunta es ¿los console.log afectan al Dom? Porque según mi logica lo que pasa por consola no afecta al Dom, aunque esto es solo una idea que tengo. Gracias por el video.
@codewithxavi
@codewithxavi Год назад
tifosio titan mastodonte pentaiga beluga tiburon animal cruck 🎉🎉🎉🎉 ya con ganitas de twitch de vuelta
@EduardoFierroPro
@EduardoFierroPro Год назад
Ayer ya le dimos crack!! 😊
@mamifero_2005
@mamifero_2005 3 месяца назад
abandono
Далее
The Async Await Episode I Promised
12:04
Просмотров 1,1 млн
НАМ ВРАЛИ О ПИРАТАХ
52:52
Просмотров 1,8 млн
ХЕРЕЙД БОИТСЯ МОЕЙ СОБАКИ!
37:08
🧰 SCOPE en JAVASCRIPT: ¿QUÉ ES y cómo funciona?
11:45
DHH discusses SQLite (and Stoicism)
54:00
Просмотров 54 тыс.
НАМ ВРАЛИ О ПИРАТАХ
52:52
Просмотров 1,8 млн