Async & Await en Javascript con Fetch y Axios [Español]

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

[@miguelfaife2359]

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 .

[@code_castle]

Ya te dije lo excelente que explicas? Y ese buen humor narrando 😂 eres uno de los mejores gracias.

[@bluuweb]

Así aprendo yo y aprendemos todos 😋

[@iJosiasCastro]

@@bluuweb Geniooooooo

[@denisse438]

Gracias bluuweb, tuve la gran fortuna de tenerte como profe en el módulo de Js en desafío latam, eres el mejor ❤️

[@luiseduardorosalesrosales5825]

Excelente, explicas de una manera que se hace muy ameno el vídeo. Aprendí muchisimo, ya me suscribí. Muchas gracias.

[@adamrebolledoolivares2652]

Mejor clase de asincronismo del mundo, se tenia que decir y se dijo !!

[@bluuweb]

🤣🤣🤣

[@adamrebolledoolivares2652]

Blueweb si eres de Chile avisa nos juntamos a programar algo algun dìa saludos

[@androsxs15]

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ó.

[@gonzalovidal9079]

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

[@pepitoperez9885]

No se por qué no tiene más likes esta chimba de video :c

[@darwinrcaballero9893]

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

[@bluuweb]

Justo pero justo ✌️

[@luisangel8781]

El mejor canal de programación que he visto hasta ahora:0

[@quinojuan2]

de lujo. Terminé de entender el tema.

[@sulielrodriguezquezada9275]

La mejor explicación que he visto, todo resumido y entendible.

[@demavares]

Año 2022 y sigue vigente me funciono un montón muchas gracias el Async & Await con Axios me facilito las cosas. Muchas Gracias.

[@samuelsaravia7621]

Muy buena explicación, se entiende perfecto y mas claro que el agua.

[@ezequieljumilla9977]

Sos lo mas grande que hay

[@haroldpinedaruiz6782]

Parcero excelente explicación, muy buenos ejemplos, muy buenos retos que propones. Muy buen maestro Gracias

[@Andres_cali]

super, y me hiciste reir, buena energia. pareces chileno

[@TheMuSsh]

Aún no inicia el video y ya le di like. Gracias!

[@bluuweb]

Jijiji 🤭 muchas gracias 🎉 🎉 🎉

[@luisgabriel84]

Ignacio sos el amo!

[@lorenainfanter.3099]

De los mejores videos de este tema que he visto! Muchísimas gracias por compartir tu conocimiento!

[@nelsonrodriguez3089]

Gracias Bro!!! concreto y claro

[@oxk4r01]

'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!

[@markconfig]

Buenísima explicación, antes de ti no le había entendido, ! Gracias 🤗

[@fernancumez]

¡La mejor explicación que he encontrado! Gracias

[@brayanpuentesruiz4160]

MUCHAS GRACIAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@sololmos5995]

super clarooo!! muchas gracias!

[@karymelizalde4304]

Por fin lo entendí 🤣 gracias por todos los videos 🤝

[@dvgeyeshield21]

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

[@cagriostro4629]

Gracias me explicaste las diferencias =)

[@MotinQ]

Por fin entendí esta #%$&~ Muchas gracias por eso.

[@MarcelPernia]

Jaja! Genio. Gracias Ignacio.

[@seba23571]

muy bien explicado muy buen sentido del humor tambien muchas gracias.

[@jonathancoder]

Excelente💰

[@bluuweb]

😊😊😊

[@CristianPazcc]

Excelente amigo gracias.

[@andrsfelipelopezgomez]

Excelente explicacion

[@alfredoperez2420]

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!

[@josealexiscruzsolar4745]

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

[@adrianburelos6800]

excelente video y es muy entretenido aprender contigo.

[@nicolasmayorga8288]

Muchas gracias ! Super bien explicado 👌

[@rodrigojavier7661]

Grande Master!

[@conan_97]

Excelente vídeo.

[@carlosparra2662]

Como siempre agradecido por tus explicaciones :D

[@fernandocarranza5286]

Muchas Gracias.. Eres muy bueno explicando...

[@Klevershy]

Miy bien explicado, cabezones ja aja ja y hasta gracioso para que el aprendizaje sea mejor

[@migsuar]

Sos un capo explicando !!!!

[@berlinjuan]

genial , gracias

[@bladimiryavi609]

Jejejeje excelente y graciosa manera de explicar 😊😁😅😅 buena explicación maestro, entonces esas tecnologías son el reemplazo de ajax?

[@KarolinaIbarra10]

Gracias!!!

[@arielvaretto]

gracias!

[@d-landjs]

Ese excelente amigo!!! Seria genial un consumo de api con axio y nodejs uwu

[@danyrszz]

Buen contenido! directo y bien explicado, me suscribo :)

[@cs1999.]

EXCELENTE

[@darinelcigarroa5833]

Excelente muchas gracias, se entendio ¡perfectamente! :D ¿Tienes algún tutorial donde expliques con el metodo POST?

[@FranciscoGonzalez-zh6em]

Excelente material! Gracias!

[@carlosspagnoletti9103]

Genial la explicacion, Felicitaciones

[@luisantonio2273]

Explicas excelente👏🙌

[@amartinr77]

Perfectamente explicado!! Gracias!!

[@ruffusjoe]

Genial, excelente explicación!

[@BrunoArnaldo]

Gracias Ignatius!

[@lucascordoba5573]

Excelentemente explicado!

[@ErickH10]

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

[@xiscohernandezbibiloni8671]

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.

[@gabriel.ramirez]

Si hubiera visto este video hace dos semanas 💔

[@eR1cK92]

Axios también recibe como segundo parámetro el objeto con losnheaders y demás ?

[@ModernWarGameplay]

Increíble! Muy bien explicado!

[@ElJuanVallarta]

Muy buenos tutoriales, me gustaria saber si podrías hacer un curso o tutorial sobre GSAP

[@oduber.vasquez]

Tremendo hermano muchas gracias

[@bluuweb]

Gracias!! 😆

[@SanchayanPackiyanathan]

Genial Amigo, Gracias!!!!!

[@Saudavelpro]

Poderia fazer um tutorial criando uma PWA usando Vue, explicando com o manifesto , service workers, etc.

[@JValenteM92]

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!

[@darwinrcaballero9893]

Vue con axios! uma delicia!

[@bluuweb]

❤️

Consulta... como hago para ver el resultado de la función en una variable.. si escribo let a = getNombre(8); como resultado aparece... Promise { }

[@mauricioarmoa6698]

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

[@joseangeltamaronirodriguez9837]

Son muy buenos tus vídeos. Una pregunta se puede usar Axios en un proyecto de Angular 8 con firebase?

[@germanpavez3898]

Buenos videos bro saludos ✌️

[@Saudavelpro]

Mais uma aula top, parabéns!! Like antes de assistir porque sei que será bom.

[@bluuweb]

Gracias ✌️✌️✌️

[@nicolasvalverde263]

Necesito saber el nombre del theme por dios es buenísimo

[@itrafaelagar285]

Yeahhh

[@WilCODE_]

Good video

[@briansosa6948]

Excelente video, como siempre. ¿Como haces para comentar directamente toda una linea?

[@maxigamer79]

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

[@nestor.carvallo]

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?

[@daque7253]

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.

[@elricho72]

Excelente

[@bluuweb]

🎉🎉🎉

[@ClawHammer23]

"Esta asquerosidad que ni siquiera yo entiendo..." jajajajaja, mejor explicado imposible...!!!

[@bluuweb]

jajajaja gracias por reir conmigo jijiji Saludos

[@styv23]

Cómo hacen eso de separar con ' \ ' cada sección o artículos en URL o link de arriba ? Me ayudan

[@JuanRamirezV]

Sauldos desde Colombia. Gracias por estos videos. Tengo una duda, existe alguna diferencia entre usar fetch y axios?

[@stivencastroarias1738]

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

[@carlos126q]

axios esta escrito para el consumo de una api. ejemplo api rest o userful

[@josemirmelo1]

Muito bom!!!!

[@robyirloreto]

no me funciona, estoy en reactjs pero no detecto qué es lo que está fallando

[@mariocalcetin7602]

Se debe usar obligatoriamente chrome , en firefox me da errores ;( .

[@ia.mtzrmz]

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

[@bluuweb]

Jajaja ja veremos que se puede hacer jijiji

[@code_castle]

@@bluuweb Nooo vale ese es tu estilo sigue así x favor.

[@alejandroflorez1718]

Hola cabezones!

[@jefersonquintanavargas4580]

minuto 19:58 jaja

[@mikehurtado4772]

Apuesto por await fetch, que es nativo

[@malikblueberry9]

que pedo usar en vz de axios y fetch

[@AgustinNazer]

hola cabezones xD

[@edgardomolinagonzalez3121]

Promise hell

Graceeas (:

[@luchorap85]

Solo sé que nada sé mirando este video

[@bluuweb]

todo poco a poco... yo tb me sentía así al principio... mucho ánimo!

[@luchorap85]

@@bluuweb Heee. Gracias por responder . Se de todo un poquito voy a retomar PHP 😀😀😀