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

[@hdeleonnet]

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

[@zeluizr]

Salvaste mi proyecto con ese video!

[@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 🙏🏼

[@erickhilario8782]

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

[@CharlDev]

Llevo nos meses aprendiendo JavaScript, este video es imperdible.

[@user87546]

14:44 😳

[@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

[@siproced3948]

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

[@manuelcalle621]

jajajaja nunca comento pero cuando te encuentras el mejor programador de CSS tienes que comentar jajajaja

[@agnesfont1192]

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

[@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

[@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!!

[@RodrigoMorenoIngenieria]

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

[@vamoacodear]

jajajaja el mejor programador de css

[@6little6fang6]

Te mandaste con este video, jefazo!

[@javiermaria1572]

Excelente, por fin veo una utilidad a los Closures 😁

[@Paul-po4md]

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

[@gonzadev99]

¡Excelente video, muchos conocimientos de calidad!

[@eduardocejudo3110]

Wow si aprendí mucho

[@danielmanosalva8043]

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

[@davevo3932]

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

[@raulygsf]

Muy bueno, saludos estimado Héctor

[@chaboxx159c]

Gracias , Hector :)

[@walfremartinez]

¡Excelente, mis respetos Sr.!

[@ychevarrias]

00:02 Jajaja c mamó

[@josecasanova3502]

Gracias por el video!

[@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

[@DanielPolux]

Sos el puto amo!!!

[@fabriciobrandan4247]

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

[@johanbautista9128]

Que genial

[@danielg711]

Qué linda colaaaaa! ❤

[@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!!

[@gposoft]

excelente cabezon!

[@rodolfotovartorres]

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

[@hdeleonnet]

Parecido ya que js no es multihilo

[@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

[@josearmandohs4888]

Perfecto bro! ❤

[@martincho2861]

Que hermoso te ves en este video!

[@gris_opaco]

Muy bueno!

[@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!

[@Jquint3ro]

Que bello te ves en este video

[@juancarlosmamanirojas865]

Nunca pensé que Natan destruction era programador

[@darkneit7]

que hermoso te ves en este video ajajaj :3

[@srpablo8917]

El babo de la programacion ,

[@javiergonzalez552]

que hermoso te ves en este video

[@WayraInnovaTech]

7:00 😂😂😂😂😂

[@danielmalvarado4680]

te ves hermoso en este video

[@mailoservivo]

Que hermoso te ves cabesón.😂

[@tincho9034]

que hermoso te vez en este video

[@DarknessMA]

Celente

[@iJuan12i]

Que hermoso te vez en este vídeo😏

[@omega_dev]

Que hermoso te vez en este video guapote

[@hectorsapien]

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

[@gleonh]

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

[@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); } }

[@negroCardoso]

🎉🎉 Geniooo