Async & Await en Javascript con Fetch y Axios [Español]
Вставка
- Опубліковано 7 лис 2024
- Cursos en Udemy a $9.99: bit.ly/2OQr3gM
Aprendamos a utilizar Async Await en Javascript, un método muy conveniente cuando trabajamos con promesas. En este tutorial práctico iremos paso a paso y desde cero.
Documentación utilizada:
developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/funcion_asincrona
cdnjs.com/libr...
Curso de Javascript: goo.gl/hnQkog
jsonplaceholder...
MÁS CURSOS DE BLUUWEB!
📌 HTML Y CSS: goo.gl/yoMdMZ
📌 JAVASCRIPT: goo.gl/hnQkog
📌 JQUERY: goo.gl/Ag7XsG
📌 CSS GRID: goo.gl/nR56pT
📌 VISUAL STUDIO CODE: goo.gl/cvu57R
📌 BOOTSTRAP 4: goo.gl/npezrj
📌 PHOTOSHOP: goo.gl/1C9k5n
📌 PSD A HTML: goo.gl/VYX2V6
📌 TEMAS WORDPRESS: goo.gl/GeiVNm
📌 PHP Y MYSQL: goo.gl/oao1QT
📌 FORMULARIOS CON PHP Y AJAX: goo.gl/GKpZAH
📌 ANGULAR: goo.gl/WJhtnC
📌 VUE.JS: goo.gl/QzLoFY
📌 FIREBASE/FIRESTORE: goo.gl/bpKL9i
📌 PHP LARAVEL: goo.gl/iAbPBy
📌 MATERIALIZE CSS: goo.gl/7pSFY5
📌 IONIC: goo.gl/RNGKTD
📌 SASS: goo.gl/ba7mEE
📌 PROGRAMACIÓN BÁSICA: goo.gl/HksyVi
📌 GIT / GITHUB: bit.ly/2YjD0PA
📌 NODE.JS Y EXPRESS.JS bit.ly/2nfcnNX
¿Quiéres apoyar el canal?
Curso Bootstrap 4 [UDEMY] curso-bootstrap...
Curso Vue.js + Firebase [UDEMY] curso-vue-js-ud...
Cursos en oferta Udemy: ofertas.bluuweb...
Facebook: / bluuweb
Web: www.bluuweb.org
Instagram [no todo es programar]: / victoko_gutierrez
Existen programadores quizas con un almacen de conocimientos muy profundos en programacion y con altisimos resultados en su vida practica, pero les falla poder transmitir lo que saben, porque son incapaces de comunicar , comunicar tiene tambien su ciencia y no puedes mofarte de complejidad para complacerte de que sabes mucho, porque no comunicaras , debes humildemente desprenderte del gozo de aparentar lo que ya has alcanzado, y poner un lenguaje que llegue a los que la mucha ciencia al inicio abruma, permite que los que quieren crecer entiendan, y eso lo logra Ignacio, bendiciones hermano por tu inmensa humildad y desinteres .
El mejor canal de programación que he visto hasta ahora:0
Excelente, explicas de una manera que se hace muy ameno el vídeo. Aprendí muchisimo, ya me suscribí. Muchas gracias.
Gracias bluuweb, tuve la gran fortuna de tenerte como profe en el módulo de Js en desafío latam, eres el mejor ❤️
Ya te dije lo excelente que explicas? Y ese buen humor narrando 😂 eres uno de los mejores gracias.
Así aprendo yo y aprendemos todos 😋
@@bluuweb Geniooooooo
Mejor clase de asincronismo del mundo, se tenia que decir y se dijo !!
🤣🤣🤣
Blueweb si eres de Chile avisa nos juntamos a programar algo algun dìa saludos
este man es el mejor explicando! Vengo de C# y el async await funciona parecido pero distinto haciendome de muchas dudas en JS hasta que este hombre me iluminó.
La mejor explicación que he visto, todo resumido y entendible.
Año 2022 y sigue vigente me funciono un montón muchas gracias el Async & Await con Axios me facilito las cosas. Muchas Gracias.
Muy buena explicación, se entiende perfecto y mas claro que el agua.
No se por qué no tiene más likes esta chimba de video :c
Gracias!, ayer estaba con un dolor de cabeza y encasillado en lo de los temas de asincronismo, sobre todo en promesas y hoy vi tu video de ajax y este y ya los entendí!...enseñas de una manera muy clara, detallada y amena!. Saludos desde Lima
de lujo. Terminé de entender el tema.
Justo! Justo! Justo! lo que hoy estaba necesitando! Gracias, vi algunos ejemplos pero no les llegue a entender, ahora con esto quedo mas claro que el agua! Muchas gracias :D
Justo pero justo ✌️
De los mejores videos de este tema que he visto! Muchísimas gracias por compartir tu conocimiento!
super, y me hiciste reir, buena energia. pareces chileno
'Para que vean lo simple que se va a ver toda esta asquerosidad' :)))
Muy bueno. Una de las explicaciones más claras que me he encontrado. Gracias!
Parcero excelente explicación, muy buenos ejemplos, muy buenos retos que propones. Muy buen maestro Gracias
Sos lo mas grande que hay
Buenísima explicación, antes de ti no le había entendido, ! Gracias 🤗
¡La mejor explicación que he encontrado! Gracias
Por fin lo entendí 🤣 gracias por todos los videos 🤝
Ignacio sos el amo!
Aún no inicia el video y ya le di like. Gracias!
Jijiji 🤭 muchas gracias 🎉 🎉 🎉
increible como lo explicas necesitaba entenderlo para mi pracicas, eres increlibe like al video suscripción y a verme todo tus videos sigue asi saludos
Gracias Bro!!! concreto y claro
MUCHAS GRACIAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Hola que addon usas para que el ${variable} dentro de la string se te vea diferente a mi se me ve como si fuera parte la string no rojo como a ti.
Miy bien explicado, cabezones ja aja ja y hasta gracioso para que el aprendizaje sea mejor
muy bien explicado muy buen sentido del humor tambien muchas gracias.
Axios también recibe como segundo parámetro el objeto con losnheaders y demás ?
Acabo de ver este video y fue increíble! ahora como puedo usarlo para obtener una lista de objetos en orden? Porque claro si llamo a su id me mostrará la info de ese id pero si yo quisiera obtener una lista de 20 post e imprimirlos ordenadamente? Al usar peticiones asyncronas no saldrían desordenadas? Saludos!!!
Gracias me explicaste las diferencias =)
excelente video y es muy entretenido aprender contigo.
super clarooo!! muchas gracias!
Jaja! Genio. Gracias Ignacio.
Muy bueno el video, gracias. Una consulta, como puedo hacer para Consumir una API REST con este metodo y la libreria Axios, pero con autenticacion y desactivando el SSL, eso no me estan andado... desde ya gracias
Grande Master!
Son muy buenos tus vídeos. Una pregunta se puede usar Axios en un proyecto de Angular 8 con firebase?
Excelente muchas gracias, se entendio ¡perfectamente! :D
¿Tienes algún tutorial donde expliques con el metodo POST?
Sos un capo explicando !!!!
Excelente vídeo.
Jejejeje excelente y graciosa manera de explicar 😊😁😅😅 buena explicación maestro, entonces esas tecnologías son el reemplazo de ajax?
Muchas Gracias.. Eres muy bueno explicando...
Excelente explicacion
Hola desde Argentina. Te consulto: si quiero trabajar con los datos devueltos del servidor, debo hacerlo desde dentro de Try? Hay manera de trabajar con los datos fuera de la funcion flecha?
Pudieras una vez que se ha asegurado que la petición con los datos ha sido exitosa, almacenarlos en algún array y/o objeto que se construya fuera de, ahí si que habría muchas maneras distintas.
Por fin entendí esta #%$&~
Muchas gracias por eso.
Veo que con axios además de reducir código, es más rápido, al ver en la consola que primero está la respuesta de la línea 52, en la cual trabajas con Axios, buen vídeo, muchas gracias!
Genial la explicacion, Felicitaciones
Como siempre agradecido por tus explicaciones :D
Excelente material! Gracias!
Excelente amigo gracias.
Gracias Ignatius!
Buen contenido! directo y bien explicado, me suscribo :)
Genial, excelente explicación!
Consulta... como hago para ver el resultado de la función en una variable.. si escribo let a = getNombre(8); como resultado aparece... Promise { }
Excelente💰
😊😊😊
Excelente video, como siempre. ¿Como haces para comentar directamente toda una linea?
Ctrl + Alt + A para comentar en bloque y Ctrl + Alt + 7 para comentar en linea, obvio todo esto se hace seleccionando lo que queremos comentar
Gracias!!!
gracias!
Excelentemente explicado!
genial , gracias
Ese excelente amigo!!! Seria genial un consumo de api con axio y nodejs uwu
Sauldos desde Colombia. Gracias por estos videos. Tengo una duda, existe alguna diferencia entre usar fetch y axios?
Todo se resume asi, entre menos líneas de código tenga tu proyecto más eficiente es a la hora de ser ejecutado por un servidor lo que da indicio de que la memoria del equipo no se reservá para variables innecesariamente. Optimizas en parte tu proyecto saludos
axios esta escrito para el consumo de una api. ejemplo api rest o userful
Genial Amigo, Gracias!!!!!
Tremendo hermano muchas gracias
Gracias!! 😆
EXCELENTE
Muy buenos tutoriales, me gustaria saber si podrías hacer un curso o tutorial sobre GSAP
Para ahorrarse el axios uno puede usar algo como:
const resPost = await (await fetch(`jsonplaceholder.typicode.com/posts/${idPost}`)).json();
console.log(resPost);
Aunque es cierto que se ve muy comodo usar axios, lo probare
Perfectamente explicado!! Gracias!!
Increíble! Muy bien explicado!
Buenos videos bro saludos ✌️
Poderia fazer um tutorial criando uma PWA usando Vue, explicando com o manifesto , service workers, etc.
Si hubiera visto este video hace dos semanas 💔
Mais uma aula top, parabéns!! Like antes de assistir porque sei que será bom.
Gracias ✌️✌️✌️
Yeahhh
Good video
Necesito saber el nombre del theme por dios es buenísimo
Usar axios es lo mejor ya que reduce las líneas de código...es más se puede evitar el uso del jquery 3.4.1!
Vue con axios! uma delicia!
❤️
Excelente
🎉🎉🎉
Cómo hacen eso de separar con ' \ ' cada sección o artículos en URL o link de arriba ? Me ayudan
no me funciona, estoy en reactjs pero no detecto qué es lo que está fallando
Muito bom!!!!
"Esta asquerosidad que ni siquiera yo entiendo..." jajajajaja, mejor explicado imposible...!!!
jajajaja gracias por reir conmigo jijiji Saludos
Se debe usar obligatoriamente chrome , en firefox me da errores ;( .
tus vídeos son muy buenos y he aprendido de ellos, pero deberías evitar usar palabras que usas en tu país como 'cabezones' o 'cabezota'. Saludos
Jajaja ja veremos que se puede hacer jijiji
@@bluuweb Nooo vale ese es tu estilo sigue así x favor.
minuto 19:58 jaja
Hola cabezones!
Apuesto por await fetch, que es nativo
que pedo usar en vz de axios y fetch
hola cabezones xD
Promise hell
Graceeas (:
Solo sé que nada sé mirando este video
todo poco a poco... yo tb me sentía así al principio... mucho ánimo!
@@bluuweb
Heee. Gracias por responder .
Se de todo un poquito voy a retomar PHP 😀😀😀
Muchas gracias ! Super bien explicado 👌
Explicas excelente👏🙌