¡JAVASCRIPT AVANZADO! Cola de Procesos con Promesas, Queue y Programación Funcional

En este video veremos como crear una cola de procesos en JavaScript, con la ayuda de programación funcional, closures, promesas y estructura de datos.
Mis Cursos de PROGRAMACIÓN: hdeleon.net/cu...
🖥️ Mi Monitor: amzn.to/3dtnDkk
⌨️ Mi Teclado: amzn.to/3BtjKnq
⌨️ Mi Deck elgato: amzn.to/3dvEKC3
🎧 Mis Orejeras: amzn.to/3BwQYm0
🎤 Mi Micrófono: amzn.to/3qPvFHh
Si quieres apoyarme y darme para una cerveza puedes hacerlo por aquí: paypal.me/Hecto...
Puedes apoyarme desde 0.5 USD al mes uniéndote como miembro al canal aquí: / @hdeleonnet
🐦Twitter: / powerhdeleon
🌎Mi Sitio web: hdeleon.net
📻Raw Radio en Spotify: open.spotify.c...
#programación #programming #dev

[@hdeleonnet]

Mis cursos de Programación: hdeleon.net/cursos-premium/

[@juandiegovazquezcabrera3430]

Varias veces he implementado eso en proyectos, me pareció que era natural pensar en implementar algo así, ahora sé que eso es una cola de procesos, tenkius 🙏🏼

[@zeluizr]

Salvaste mi proyecto con ese video!

[@CharlDev]

Llevo nos meses aprendiendo JavaScript, este video es imperdible.

[@erickhilario8782]

Menudo cursachooo, más de esto en js por favorrr!

[@danielmanosalva8043]

Estaria genial que realizaras un tutorial sobre workers y Service Worker API, es un tema muy interesante de js

[@RodrigoMorenoIngenieria]

Crack, este es el contenido que se espera de este canal.

[@ychevarrias]

00:02 Jajaja c mamó

[@agnesfont1192]

El video que sabía que necesitaba pero me ha ido que ni pintao, eres muy top 🤘🏼❤️‍🔥

[@RichardHdeS]

Ahora solo queda abstraer toda esa info para poder comprederla correctamente y saber implementarla. Justo me encuentro chambeando en como mejorar un servicio de pagos para una app. Que buen video me vine a encontrar. Saludos hdeleon

[@eduardocejudo3110]

Wow si aprendí mucho

[@ItsGonnaRaiN143]

Buenisimo video, creo que el caso de uso mas importante de esto a parte de gestionar el performance de cpu, es la consistencia de las operaciones, al tener la cola y algun suscriber que reciba las tareas para ejecutarlas nos aseguramls que se ejecuten en el orden correcto y asi mantenemos la consistencia de datos, buena explicacion men \m/

[@indianameregone]

Amigo power de Leon sos un genio!!

[@davevo3932]

Gracias Héctor, esto es justo lo que necesitaba 👍👍

[@raulygsf]

Muy bueno, saludos estimado Héctor

[@hersap]

Buen video Hecor!! Jajaja me reí con lo de la cola no había caído en cuenta, hasta que dijiste ya se lo que van a estar pensando cochinos!!

[@Paul-po4md]

genio!! estaria bueno ver un ejemplo similar en c#

[@6little6fang6]

Te mandaste con este video, jefazo!

[@fabriciobrandan4247]

Gande idolo hector de lloron, bhaaa digo de leon, 😁😁😁😁😁😁😁😁👍👍👍👍👍👍

[@siproced3948]

Te felicito por tu aporte, podrías ampliar un poco más los temas tocados, son muy importantes gracias

[@walfremartinez]

¡Excelente, mis respetos Sr.!

[@gposoft]

excelente cabezon!

[@user87546]

14:44 😳

[@chaboxx159c]

Gracias , Hector :)

[@gonzadev99]

¡Excelente video, muchos conocimientos de calidad!

[@javiermaria1572]

Excelente, por fin veo una utilidad a los Closures 😁

[@DanY1197]

Estoy preparándome para una interview. Volviendo a estudiar los conceptos básicos de JS me vengo topando con esta joyita (primer video que veo tuyo btw) que la pude entender a la perfección, me cayó como anillo al dedo ya que estaba volviendo a estudiar los Callbacks, Promesas y Asincronismo. Justo es una muy buena implementación y también tu explicación es muy buena, totalmente no apto para un novato, nadamas si me gustaría recalcar que los Callbacks y Promesas por sí solos no son asíncronos, todo código en JS es bloqueante (por ser monohilo) y dependiendo de cómo se utilice, en este caso si aplica el asincronismo ya que utilizaste setTimeOut y fetch, mi yo de hace dos años se hubiera confundido un poco porque hubiera asumido que por el hecho de usar promesas automáticamente ya es asíncrono. Yo sé que uno no puede volver a explicar las bases cuando se ven cosas avanzadas pero lo quería dejar como dato por si a alguien le pasó similar. Muy buen video carnal 🤟🏻 me suscribo

[@JOSECASTILLO-kh3vt]

por mas que ejecutes una promesas que realmente no espera nada asincrono no va a la cola de tareas si no a la cola de microtareas que tiene prioridad sobre otras tareas

[@josecasanova3502]

Gracias por el video!

[@vamoacodear]

jajajaja el mejor programador de css

[@DanielPolux]

Sos el puto amo!!!

[@Jquint3ro]

Que bello te ves en este video

[@josearmandohs4888]

Perfecto bro! ❤

[@danielg711]

Qué linda colaaaaa! ❤

[@johanbautista9128]

Que genial

[@gris_opaco]

Muy bueno!

[@erickdavidmontanogallego891]

La forma de privatizar propiedades o metodos por medio del # ya implementada al lenguaje o todavia es experimental ? La última vez que vi la documentacion decia que se necesitaba de un polyfill

[@martincho2861]

Que hermoso te ves en este video!

[@juancarlosmamanirojas865]

Nunca pensé que Natan destruction era programador

[@xenodragon1397]

la vdd si costo trabajo entender te bro, si puedes explicar cada parte con peras y manzanas neta que si ayudaria, porque si se ve interesante todo lo que haces

[@darkneit7]

que hermoso te ves en este video ajajaj :3

[@rodolfotovartorres]

Gran video 🤟 una pregunta esto es lo mismo que trabajar con hilos o es diferente

[@hdeleonnet]

Parecido ya que js no es multihilo

[@christiandavidvalenzuelago7437]

Justo lo que necesitaba Hector! Gracias por darme los conceptos para poderlo hacer. Unas preguntas jaja, que diferencia tiene esto con por ejemplo la librería bull.js para esta gestion de colas, es diferente? O ayuda de alguna manera en el performance? O se puede mejorar el performance directamente en el código? Gracias!

[@javiergonzalez552]

que hermoso te ves en este video

[@negroCardoso]

🎉🎉 Geniooo

[@danielmalvarado4680]

te ves hermoso en este video

[@srpablo8917]

El babo de la programacion ,

[@tincho9034]

que hermoso te vez en este video

[@WayraInnovaTech]

7:00 😂😂😂😂😂

[@mailoservivo]

Que hermoso te ves cabesón.😂

[@iJuan12i]

Que hermoso te vez en este vídeo😏

[@omega_dev]

Que hermoso te vez en este video guapote

[@DarknessMA]

Celente

[@gleonh]

No, no aprendí nada. Voy de regreso a JavaScript para principiantes.

[@hectorsapien]

pues no, no te ves hermoso, pero como caes bien y enseñas mejor ahi te va: Te ves hermoso cabrón!!

[@kvelez]

NodeJs: class Queue{ items = []; enqueue(item){ this.items.push(item); } dequeue(){ return this.items.shift(); } isEmpty(){ return this.items.length === 0; } } const queue = new Queue(); queue.enqueue( new Promise((resolve, reject) => { setTimeout(() => { resolve('promise 1'); }, 2000); }) ); queue.enqueue( new Promise((resolve, reject) => { setTimeout(() => { resolve('promise 2'); }, 2000); }) ); run(); async function run(){ while(!queue.isEmpty()){ const item = queue.dequeue(); const data = await item; console.log(data); } } ================================================================== class Queue{ items = []; enqueue(item){ this.items.push(item); } dequeue(){ return this.items.shift(); } isEmpty(){ return this.items.length === 0; } } function promiseWaiting(time, message){ return () => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(message); }, time); }); } }; function fetchWaiting(url){ return async () => { await new Promise(r => setTimeout(r, 1000)); // sleep. return fetch(url).then(res => res.json()); } } const queue = new Queue(); queue.enqueue([promiseWaiting(1000, 'first'), (data) => console.log(data)]); queue.enqueue([promiseWaiting(2000, 'second'), (data) => console.log(data)]); queue.enqueue([fetchWaiting('jsonplaceholder.typicode.com/todos/1'), (data) => document.getElementById('content').innerHTML += `${data.title}`]); run(); async function run(){ while(!queue.isEmpty()){ const result = queue.dequeue(); const data = await result[0](); result[1](data); } }