Cómo funciona Async/Await en menos de 15 minutos
HTML-код
- Опубликовано: 10 фев 2025
- Si quieres aprender a utilizar Async/Await para desarrollar un API toma este curso 👉 appdelante.com...
Vamos a explorar cómo funciona Async Await.
Async Await fue añadido al lenguaje JavaScript en el 2016. Es una herramienta super poderosa que cambia la forma en la que razonamos el código asíncrono.
Poco a poco vamos a depender cada vez más de esta herramienta. Es indispensable aprenderla y conocerla a fondo.
Si tienes cualquier duda no dudes en dejarla en los comentarios.
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/mqdefault.jpg)
Aprende cómo poner Async/Await en la práctica con Node.js: appdelante.com/cursos/descripcion/diseno-de-apis-con-node-js
AL FIN ENTENDI. Dios, estuve leyendo la documentacion y un monton de foros y seguia sin captar como funcionaba, excelente video!
Saludos soy nuevo en tu canal , buen video
Muchas gracias Ricardo por esta explicación ! Esperando mas videos como estos y trabajar en APIS y mas. Slds
Por favor Haz la serie!. La forma en la que explicas es genial.
Muchas gracias por el feedback Ludwing. Perfecto voy a planear la serie!
Tuviste oportunidad de haber la serie ?
Hola GRACE CUADROS si la hice! Este es el link: ruclips.net/p/PLImOJ2OqvvkCuDi6E33HXMP23BvYYBHcm
Me gusta mucho la fluidez del video y lo claro que hablas. Y se nota el conocimiento, pocos canales como este. Muchos otros parecen que leen y solo copian contenido.
Muchas gracias Luis. Así es, mucho años de experiencia y me aseguro a que entiendo a profundidad el tópico antes de explicarlo.
Ya es la segunda vez que vuelvo a este video para repasar, la explicación es muy clara.
Mas claro....imposible....muchas gracias por compartir tu conocimiento
En 14 minutos quedó clarísimo, gracias por el aporte
hermano despues de 7 videos de los que te hacen el ejemplo choto con el timeout me hiciste entender asyc y await de forma util, mil gracias
Buenísimo hermano. Un placer haberte ayudado 🙌
Muy bueno!! muchas gracias, saludos desde Argentina.
muchisimas gracias por este video, me ayudo muchisimo a entender lo que no comprendía en platzi
Siempre entendía a medias el asincronismo y por ende tenia problemas al momento de trabajar con el, pero gracias a esta serie al fin lo entendí sólidamente.
Saludos de un paisano!
Pacata!!! solo de algun lugar del mundo entendemos con claridad esa palabra donde sucede un hecho claro y preciso 😁 gracias por tu compartir tus conocimientos hermano, saludos de un oriental cumanes
Me gusto los ejemplos y la simplicidad de la explicacion! gracias!
Excelente, gracias Gustavo!
Gran playlist! Tenía dificultades para entender la asincronía en JS pero gracias a la serie me ha quedado más claro
Me encanto, mil gracias, este tema me habia estado dando vueltas la cabeza, pero tu explicacion me ayudo mucho... Muchas gracias
Una forma de explicar maravillosa.
Toda la serie de Asincronia, me ha ayudado un monton. Habia encontrado codigo que aunque el codigo estaba correcto no era nada legible. De verdad te agradezco mucho, lo he comprendido super facil. Ojala hablaras de programación orientada a objetos, busque ese tema entre tus videos y no lo encontre. Me apuntaría a tus cursos de pago sin dudarlo, gracias por la gran labor que haces.
Muchas gracias Luis, tu comentario me hizo el día. Me encanta escuchar que la serie te ayudó.
Si voy a planear cosas enfocadas a la programación orientada a objetos. Subscríbete al canal para que te avise cuando salga!
@@appdelante ya estoy suscrito desde siempre. Admiro tu capacidad para enseñar y que lo hagas de manera altruista. La mejor de las vibras, saludos!!!
La verdad es que mejora mucho la lectura y comprensión del código, muy buen tutorial.
yo he aprendido prácticamente solo... pero si entendí y me resulta muy útil y estoy seguro que así lo hare de ahora en Appdelante! xdd
Excelente! claro y preciso. Me aclaró dudas y cambió el enfoque sobre async/await. Saludos.
Wooow super interesante, justo estoy aprendiendo ionic 6 y usan mucho eso, y no lo sé aplicar muy bien, muchas gracias, mañana lo usaré con esta enseñanza
Ya sabía sobre estas cosas, pero vine a ver el vídeo por un amigo que lo recomendó y debo admitir que sos un maestro explicando. +10 a tu proyecto de appdelante y éxito en todo! ( :
Muchísimas por el comentario Alejandro!!
Gracias por compartir tu conocimiento.!! ..buen video !!
Sos un genio, por fin pude entender este tema, muchisimas gracias hermano!
Por nada hermano!
¡Muy bien explicado!, excepto porque no me quedó claro la razón por la que usaste una función autoejecutable (tiempo de video 13:27; líneas 14 a 21).
Entendía el concepto de programación asíncrona de JavaScript, usaba callback's pero con este video y sin saber de promesas termine entendido ambos conceptos. Ahora me voy ha librarme de esos callback's hell
En 2020 este video del 2017 resolvio mis dudas.
Este contenido nunca pasará de moda. En 10 años continuaremos utilizando async/await
Excelente video, muy bien explicado y claro.
Mi hermano saludos desde Venezuela, seria genial que hicieras la serie completa explicando a detalle lo que hay debajo del capo jejeje.. Te felicito mi pana!!
Excelente. transformando las promesas del ejercicio anterior a Async/Await =)
async function prueba(){
const users = await getUsuarios()
const user = await getUsuario(users[1].id)
const profUser = await getProfesion(user.profesion_id)
console.log('la profesión de CARLA es: '+profUser)
}
prueba()
Excelente tutotial. Gracias Mil!
Excelente explicación, se entendió muy claro todo, gracias por compartir tus conocimientos
Gracias Billy!
Si tienes cualquier duda estamos a tu orden.
Saludos,
-Ricardo.
Sos un genio !! Excelente explicacion muy clara concisa ...te felicito
excelente!!! solo vi los primeros 5 minutos!!!!
Excelente explicación mi pana!
Eres grande RM, vengo de pascal y básic me costaba entender estos conceptos.
Buena hermano.. explicas genial. Gracias.
Haz la serie! Se el manejo de callbacks pero las promesas las comence a ver ya cuando estaba programando con NodeJS, pero seria bueno una serie de estas, porfa! Btw, gracias por este video!
Muchas gracias por el feedback Andre! Listo, voy a planear la serie.
muy buena la explicacion, gracias por el video
Muchas gracias mi pana, al fin entiendo esto!!
Muy buen vídeo y explicado. Me ha servido. Gracias.
Muy bueno. Muchas gracias. Un saludo.
Me salvaste la vida!! Muchas gracias!
Gracias por el comentario Mercedes!! 🙌
muchas gracias! me resulto bastante útil.
Acabo de descubrir el canal, muy buenos tutoriales !
Hola Nico! Muchas gracias por el comentario.
en donde busco para mantenerme actualizado de las nuevas librerias y demas que vaya saliendo repecto a javascript , buen video me ayudo sigue asi
Muy buen video! Muy buena explicación! Por fin me quedó clarísimo.
Gracias, excelente demostración, ahora ya entendí. Suscrito y esperando más de tus aportes
Amigo desde ya muchas gracias por el video, me suscribí, explicas muy muy bien. Me gustaría que hicieras la serie. Saludos desde Chile.
Muchas gracias Cris!
Excelente canal !!! espero que hagas un video con las nuevas carateristicas de ecmascript 2018. Saludos
Excelente explicacion gracias
que bien explicas, me suscribo
excelente video, bien explicado
Gracias Robert!
La serie sobre asincronia por favor. Estaría genial ver un ejemplo de una query a MongoDB usando async y buenas prácticas.
Explicas muy bien.
Hasta aquí te vengo a encontrar we :v
Excelente tu explicacion, me gusto tanto que me suscribi, espero si haces uno de callback me encantaria !
te ganaste un suscriptor hermano!
Excelente, aunque no me quedo claro cuál era el problema que había con las promesas del video anterior y como lo resuelve el async/await ?
Increible explicación saludos
Excelente explicacion ! LIKE Y SUB
Muchas gracias por el video, muy práctica y amena la explicación y el concepto enormemente útil. Sólo me quedó una duda: por qué usamos dos await? Entiendo que el fetch() es una operación asíncrona que va a requererir el wait, pero no entiendo por qué hay un segundo await? De nuevo muchas gracias!
¡Que tutorial tan bueno!
Haz la serie sería brutal
Excelente explicación fácil de comprender y asimilar.. Me quedo claro el uso de Async / Await. Gracias por compartir el conocimiento.
Me gustaria saber si me aconsejan aprender NodeJS yo que estoy comenzando en la programación con JavaScripts
Hola Pedro,
Sí recomendamos NodeJS. La ventaja de aprender NodeJS es que como es JavaScript puedes utilizar el mismo lenguaje tanto para el servidor como para el cliente.
Es una tecnología fantástica y puedes perfectamente aprenderlo mientras aprendes JavaScript.
Te recomiendo nuestro curso: appdelante.com/cursos/descripcion/diseno-de-apis-con-node-js
El profesor trabaja en Amazon y enseña Node.js desde cero.
Cualquier otra pregunta, aquí estamos a tu orden.
Excelente explicación, saludos!
Muy buena explicación gracias me salvaste la vida
Por nada Alex!
Algún vídeo de observables?
Espectacular... esto ya lo había visto en C# .net core.
Gracias Micael! Así es. JavaScript ha avanzado mucho en los últimos años!
Podría hacer la serie de vídeos sobre callbacks y promesas por favor.
Excelente video !!!!! Sigue así.
Explicas genial
hola como estas . como pudiera programar una peticion a una api en axios , para obtener una lista de propiedades. y para cada propiedad tengo que hacer una peticion a una api para obtener el dueño,
Muy bien explicado :D
Muy buen explicación.
Buenas, ¿Llegaste a hacer la sere? Muchas gracias por tu video!
Hola Exonent! Sí hice la serie. Aquí te la paso: ruclips.net/p/PLImOJ2OqvvkCuDi6E33HXMP23BvYYBHcm
viva venezuela , felicitaciones por tus videos mi pana
Gracias Juan! Así mismo que viva!
Me gusto lo de "epa", un toque venezolano, buen contenido. Si le agregas un "mas nada papá eso era todo" quedara mas cool ;)
Hola amigo una consulta no existe la posibilidad de que hagas un curso sobre javascrip me refería su base como esta construido... Por que siembre debemos aprender lenguajes que ya esta echo por los demás si no creear a su gusto... Para eso seria bueno tener un análisis de como esta echo javascrip no? Seria mas fácil aprender cualquier cosa después.. Creo yo.. Yo ya compre todos tus cursos necesito mas con tu estilo de enseñanza claro si tienes tiempo... Ya que con el conocimiento que me diste uno mismo puedes hacer investigaciónes pero creo que a mi me tomaría mucho mas tiempo que ati por eso te pidió.. Gracias por tus aportes saludos..
Hola! Se te agradeceria mucho la serie sobre asincrinia! :D Manejo callbacks pero muy básicamente. He tratado de profundizar en el tema pero no hay mucha info actualizada en español.
Hola Jacob! Gracias por el comentario. Estamos planeando la serie! Espero aclarar todas tu dudas cuando salga.
hola Ricardo como estas? Ricardo una pregunta, lo que pasa es que cuando trabajo con node y mysql si doy click varias veces a un boton se quiebra la aplicacion lo que veo es que queda en pending pero uso asyc await y sigue igual en ese caso porque? muchas gracias
Brutal este video! Excelente!
Hola excelentes vídeos, realmente todos muy recomendables y aunque quizás exista mucha información sobre las promesas y los callbacks nunca estará de mas, ademas que aportas elementos prácticos que estoy seguro que serán útiles para muchos incluyéndome, por otro lado siempre he tenido la sensación de que no aprovecho la asincronía de javascript en el servidor, seguro esto se deba a que soy nuevo en este entorno.
Me gustaría mucho ver algunos casos o ejemplos donde se aproveche la asincronia de javascript y sacarle el maximo provecho.
Gracias, Saludos!
Willson Arteaga ya tengo claro el await 😂... este pana explica muy bien
Gracias!
Sí creo que esa serie puede ser taquillera :)
Clarísimo el video!
Gracias Amira!
Excelente!!
Muy bien gracias
Vengo de c# y aprendiendo Javascript me encuentro las dichosas callback y promesas y yo en plan de medio confundido xD pero ahora con async await ya todo se me ilumina
Excelente Alex!
Muy bien explicado, sin embargo, yo prefiero hacer:
let respuesta = await fetch(url)
respuesta = respuesta.json()
Hola! Yo tengo una duda ahí exactamente! Por qué usan dos await? procesar un json no es una operación asíncrona, no entiendo por qué usan otro await...
@@jrbr-r5j developer.mozilla.org/en-US/docs/Web/API/Response/json
El metodo .json es asincrono, lo puedes leer en la pagina. Devuelve una promesa que al cumplirse retorna el objeto en cuestion. Si haces respuesta= respuesta.json() respuesta no sera lo que buscas, si no la promesa del metodo de json, por eso es necesario await
@José Raul Bernal Rodríguez Fetch no devuelve un objeto JSON directamente al cumplir la promesa, devuelve un objeto tipo Response, de nuevo en la pagina menciona lo que es. Luego ese objeto Response se parsea a traves del estandar JSON a un objeto de javascript que corresponda. El primer await es la respues ta del fetch que es un objeto Response, el segundo await es la respuesta del Response.json(), que es el objeto en cuestion
excelente explicacion
Hermoso javascript
profesor podrias hacer lo mismo usando axios con async ?
Hola. Vi el video y me parecio bastante clara al explicacion :D Pero traté de replicar el codigo y ejecturar la primera version del index.js con la consola de node como lo hiciste o corriendolo desde un index.html con mi browser y me marca un error indicando que el "node.fetch" del require no esta definido. Se requiere algun tipo de servidor local?
Ya lo resolvi Habia olvidado instalar el paquete y con ello ya pude imprimir el json
Puedes poner el await en el return y así te olvidas de la asincronia en el resto del código, solo la mantienes en la función asíncrona.
Una serie !! pls
Muy bueno...
Hola, dusculpa sucede que me surgio una duda. ¿Porque cuando invocas la promesa dentro de un try-catch no ocupas el metodo "then" para acceder al valor que regresa esta promesa, ES QUE TOMA EL RESULTADO DE LA PROMESA COMO UN TEXTO LITERAL Y YA NO COMO UNA PROMESA :( ?
Precisamente eso es lo que te permite async/await. Al colocar la palabra "await" antes de la función que retorna la promesa, await se encarga de "desenvolver" el valor que viene con la promesa para que lo puedas accesar directamente.
¿eso responde la pregunta?
Fijate que tengo problemas al transpilar fetch con async await, no se transpila bn o falta algo, estoy usando gulp-babel
excelente explicación !
Muy buen video. Pero me hace ruido que utilices una palabra reservada, o el nombre de un método nativo para nombrar una const. Desde ya, muchas gracias por el tuto!