Curso JavaScript: 110. AJAX: Librería Axios + Async-Await -

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 176

  • @alfredoleonett550
    @alfredoleonett550 10 місяців тому +4

    ¡EL Mejor!
    NO he conseguido un curso en Yotube tan bien explicado como lo hace Jonmircha!

    • @jonmircha
      @jonmircha  10 місяців тому

      Muchísimas gracias!👋🏻😉

  • @reyns8059
    @reyns8059 4 роки тому +47

    increible como creia que AJAX era super complicado porque los videos que habia visto se veian super complicado y no le entendia ni papa.
    Muy pocos explican desde 0 y de manera entendible y aplicable, muchos creadores, al igual que cuando vas al colegio o universidad incluso, asumen, te tratan y explican como si lo sabes todo ya y se saltan detalles pequeños e importantes y van al meollo del asunto y te dejan en el aire.
    Por eso te agradezco por tomarte el tiempo de explicar para TODOS!

    • @jonmircha
      @jonmircha  4 роки тому

      ;)

    • @alejandroalfonsomoralesloz5552
      @alejandroalfonsomoralesloz5552 2 роки тому +1

      Concuerdo contigo. Me hablaban de AJAX y se me hacia un nudo en la garganta y gracias a las clases de JON de verdad he podido entender la mayoria de los temas explicados.. ojala algun dia pueda conectar con el para agradecerle por todo esto.

  • @normanejm
    @normanejm 2 роки тому +4

    He trabajado fetch en mis proyectos. Pero siguiendo con el curso quisé retomar de nuevo éste conocimiento... Y recuerdo perfectamente lo dificil que fue para mí aprender fetch más aún cuando inicié con httpRequest. Pero El profe lo explicó de una manera tan, pero tan sencilla que hasta me hace preguntarme por qué me tomó tanto tiempo aprender a usarlo...
    Profe, creame. Ud es un excelente profesor. Y me atrevo a decir que de todo internet. Esa pasión... Esa forma tan abierta de explicar y de no dificultar el aprendizaje no lo hace cualquier persona. Profe, de mi parte le agradezco bastante...
    Aunquellevo tiempo trabajando con JS quise tomar éste curso para tener conocimientos más solidos y pasar con toda a React. Ya que esa es mi siguiente meta después de todos éste tiempo. Y de verdad que he aprendido muchas cosas que incluso se me pasaban por alto en mis proyectos o no los sabía usar.
    Le agradezco un montón profe.
    Muchas gracias!
    Un saludo desde Colombia profe...
    Está ayudando a cientos de personas en toda latinoamérica. Gracias

  • @victormaldonado6269
    @victormaldonado6269 4 роки тому +21

    Con estos ejemplos y su excelente explicación, me ahorró varios días de investigación, en donde tal vez hubiese entendido solo un porcentaje. Muchas gracias!!

  • @yotmanreyes
    @yotmanreyes 4 роки тому +21

    Eres un duro Jon, ya son mas de 100 videos, saludos desde Venezuela, eres mi señor Miyagi,

    • @jonmircha
      @jonmircha  4 роки тому +2

      De nada Yotman San :) comparte para llegar a más pupilos

    • @yotmanreyes
      @yotmanreyes 4 роки тому

      @@jonmircha con todo gusto Jon

    • @federicoraulmaciasaparicio1339
      @federicoraulmaciasaparicio1339 4 роки тому +5

      Nada de Miyagi. Es es maestro Yoda del JavaScript

    • @TheCarloz2009
      @TheCarloz2009 3 роки тому +1

      estamos en la parte de encerar y pulir 🤣🤣🤣

  • @giovannyvanegas88
    @giovannyvanegas88 Рік тому +1

    Y es aqui donde pude entender un poco mas las benditas promesas y las funciones asincronas que me tenian bloqueado, ajax me parecio dificil pero se entiende la verdad como lo explica Jon. Ahora con practica y leyendo la documentacion de JS y de axios, puedo entender mucho mejor. Lo haces ver facil profe, gracias.

  • @luisperdomo3107
    @luisperdomo3107 2 роки тому +1

    te voy a ser sincero, vi otros videos de otros cursos sobre la explicación y uso de ajax y de verdad gracias a tus videos fue que lo logre comprender al 100%, de verdad muchas gracias 🥳

  • @orojasmolina
    @orojasmolina 2 роки тому +1

    Excelente curso mil y mil gracias, soy una desarrollador con mucha experiencia en pl1, Cobol, Java y otros tantos, pero nunca había programado en la web. estoy aprendiendo muchísimo, Yo creo que la instrucción "let json = await res.data;" debe escribirse así: "const json = res.data;", pues los dato de la respuesta ya se procesaron.

  • @diegos.3988
    @diegos.3988 2 роки тому +1

    Muy buena explicación de AJAX. Gracias Jon!

  • @EdyLopez-o8n
    @EdyLopez-o8n 20 днів тому +1

    Muy buen contendio Jonathan muchas gracias

    • @jonmircha
      @jonmircha  19 днів тому

      ¡Gracias por el apoyo! 🙏

  • @williamalexanderpineda6098
    @williamalexanderpineda6098 Рік тому +1

    Excelente vídeo! Muchas gracias Jon!

  • @andrsfelipelopezgomez
    @andrsfelipelopezgomez 2 роки тому +2

    Excelente clase, que forma de explicar tan clara.
    Gracias Jon

  • @GerentedeSistemas
    @GerentedeSistemas 3 роки тому +1

    Jon, felicitaciones, dia a dia, mejoras tu método pedagógico, que es muy independiente de tus conocimientos técnicos, en cuanto a éste tema, en mi caso, me atrapa la librería Axios, sin embargo no deseo depender de terceros, mas adelante lo mas probable es que siga el camino de Jquery, Fetch async await es el que estoy eligiendo para hacer peticiones Ajax, con su azúcar sintáctico y todo, sin descartar el fetch regular para ciertos escenarios.

  • @miktl
    @miktl Рік тому +1

    Me está encantando estos videos

  • @addevmoises
    @addevmoises 3 роки тому +1

    Mucho más sencillo aún como lo pensé, ahora a empezar con la arquitectura REST que he escuchado ese concepto hace mucho pero por fin lo aprenderé :)

  • @srcuyo
    @srcuyo Рік тому +1

    mas claro que el agua, gracias!

  • @alejandracasado7636
    @alejandracasado7636 3 роки тому +1

    Lujo!! Gracias Profe!!

  • @josefabianbeltranmeza6914
    @josefabianbeltranmeza6914 3 роки тому

    Nuevamente muchas gracias maestro Jon.

  • @matiastorres5993
    @matiastorres5993 2 роки тому +1

    gracias jon! excelente video como siempre!

  • @Neil_Jordan
    @Neil_Jordan 2 роки тому

    Muchas gracias Jon! Entendi´ las promesas, async-await y el event loop gracias a tus videos, pero' se me quedaba pendiente como usar esos conceptos, pues lei´ en los comentarios de esos videos que escribias que todo se iba a aclar en la parte de AJAX: y si! valio' la pena seguir por cada uno de los demas videos hasta llegar aca! se me aclaro' todo! Muchas Gracias :)

  • @josedaniel3316
    @josedaniel3316 2 роки тому +1

    un crak jhon, gracias por las clases!!

  • @NetFar-mx4qv
    @NetFar-mx4qv 2 роки тому

    Excelente jonmircha, fue un clase magistral

  • @denseydelgado3779
    @denseydelgado3779 Рік тому +1

    GRACIAS

  • @javierovallea3836
    @javierovallea3836 3 роки тому

    excelente completo y claro.

  • @manuelrosen2752
    @manuelrosen2752 3 роки тому +1

    Excelente profesor, lo hice con las 5 mil imágenes, todo excelente, bien entendido

  • @carloscontreras6051
    @carloscontreras6051 3 роки тому

    Llegando al final del video, no se si fue mucha info, pero por la forma en que lo explicas, el ultimo hasta pude resolverlo antes de ver la clase, a riesgo de ser reiterativo y copiarme del resto de los comentarios, gracias por tanto Jon!!

  • @lucoluco662
    @lucoluco662 Рік тому +2

    gracias por este contenido mi compa❤❤🤖🤖🤖🤖

  • @matiasgomez9416
    @matiasgomez9416 4 роки тому +1

    Gracias!

  • @carlesbautista8293
    @carlesbautista8293 3 роки тому

    Gracias Jon por compartir tus conociminentos y por el tiempo que nos dedicas!!!

  • @yovanyescobarrojas2041
    @yovanyescobarrojas2041 2 роки тому +1

    profe para mi todo es nuevo , comparto su idea de utilizar código nativo, osea que me quedo con fetch + funciones asíncronas ' async ', gracias por compartir tu conocimiento.

  • @SoyDanielPinelli
    @SoyDanielPinelli 3 роки тому

    Muy clara explicación!

  • @RUIZMAYCOL88SF
    @RUIZMAYCOL88SF 3 роки тому +2

    Excelentes videos profe Jhon! Muchas gracias por compartir sus increíbles habilidades con todos :)

  • @perezheguy
    @perezheguy 4 роки тому +1

    Excelente y gracias

  • @aaronjesuspadillaramirez2949
    @aaronjesuspadillaramirez2949 4 роки тому

    Excelentes clases sobre AJAX profesor me llevo estas enseñanzas y en lo personal me quedo con el uso de Fetch + Async-Await

  • @aronlife1098
    @aronlife1098 2 роки тому +2

    Recuerdo cuando vi por primera vez este maravilloso curso me saltaba capítulos y cuando recién vi xml no me había salido y peor cuando iba a hacer el CRUD😅 Pero sé que ha valido la pena regresarme al capítulo 1 e ir viendo cada uno de los conceptos, quiza suene repetitivo pero Jonmircha se nota que usted es un gran profesor y un excelente programador, ojala que pueda sacar mas capítulos del curso de JS

  • @heimancastro1954
    @heimancastro1954 2 роки тому +1

    ⭐⭐⭐⭐⭐ clases 5 estrellas

  • @walterjosesuarezdelacruz1495
    @walterjosesuarezdelacruz1495 3 роки тому

    La primera vez que vi este vídeo casi no entendí nada, ahora luego de 3 meses al volverlo a ver ya entiendo un 100%, un crack profe.

  • @jorgerafaelcallejoflores67
    @jorgerafaelcallejoflores67 4 роки тому +1

    gracias por el curso

    • @jonmircha
      @jonmircha  4 роки тому

      De nada :) compártelo

  • @josepalacios9273
    @josepalacios9273 4 роки тому

    Otra clase excelente. Me quedo con Axios+async await porque me acomodo mejor con try/catch/finally. Saludos.

  • @nickname1000
    @nickname1000 2 роки тому

    Geniooooooooo!! Un video mejor que otro

  • @fernandoarroba331
    @fernandoarroba331 2 роки тому +1

    Muy buen contenido

  • @dionismarquesvalada8839
    @dionismarquesvalada8839 4 роки тому +1

    Grande aula professor Mircha!

  • @kunjilee9810
    @kunjilee9810 3 роки тому

    Ya termine la seccion de ajax , la verdad nunca habia estudiado AJAX y habia escuchado que es dificil , pero la forma en la que lo explicas no lo senti nada pesado y no lo senti tan dificil , pero creo que es por el profe JON!! ahora me toca la api REST

  • @sandokanArg
    @sandokanArg 4 роки тому +1

    Jon, ahi te habia comentado lo del cortocircuito con || que asi no me funcionaba el error personalizado, pero con el && si funciona bien.

    • @sandokanArg
      @sandokanArg 4 роки тому

      El || es lo mismo q el && ?

    • @joseluiscabreraaguirre6499
      @joseluiscabreraaguirre6499 4 роки тому +1

      @@sandokanArg es mejor que veas el video 13 de los opersdores lógicos, ahi te resuelven tu duda ua-cam.com/video/_8Z5AeGVIXE/v-deo.html

  • @AngelSalazar-uf5fk
    @AngelSalazar-uf5fk 3 роки тому +2

    Compartido el video querido amigo jon, una pregunta de paso... cuál de estos 5 mecanismos consideras que es más óptimo o el que usas más ?

    • @jonmircha
      @jonmircha  3 роки тому +1

      Pues actualmente uso fetch + async/await pero nunca sabes donde tengas que aplicar los demás ;)

    • @AngelSalazar-uf5fk
      @AngelSalazar-uf5fk 3 роки тому

      @@jonmircha terminé adoptando ese mismo porque realmente es muy óptimo, me agrada mucho lo que haces y siempre les comporto los videos a los colegas de ingeniería en Venezuela saludos

  • @victormaldonado6269
    @victormaldonado6269 4 роки тому +4

    ¿Podría pasar con Axios lo que pasó con JQuery? me gustaría usar axios, pero dependería de una librería de terceros.
    Me quedó una duda, ¿que pasa con axios si la respuesta de la API no es json? ¿Que retorna en res.data?

    • @jonmircha
      @jonmircha  4 роки тому

      Tal vez, sólo el tiempo lo dirá, revisa la doc de AXIOS

  • @cristianpino4862
    @cristianpino4862 3 роки тому

    día a día vamos progresando!!

  • @ronaldchelot
    @ronaldchelot 4 роки тому +3

    Buenas noches inge. Una pregunta, veo que cuando se usa Axios no hay necesidad de convertir la respuesta en JSON para poder usarla en JS, lo otro es que no se necesita procesar el error dentro del try (o del then), como si hay que hacerlo si se usa Fetch. Pero son pocas lineas de codigo las que uno se ahorra, entonces la pregunta es; ¿cual es la ventaja de usar Axios? ¿No es muy poco el veneficio para tener que cargar una libreria externa?
    Lo pregunto porq en el video se menciona que es muy usado, asi que tal vez tiene ventajas que se escaparon al ejercicio del video.
    GRACIAS POR EL CURSO, USTED ES MUY BUENO EXPLICANDO.

    • @jonmircha
      @jonmircha  4 роки тому +8

      Ojo Axios no es Fetch, es una librería que funciona como Fetch, con promesas, pero usa el objeto XMLHttpRequest, por lo que tiene soporte para más navegadores web, por ejemplo hace tiempo hice una app donde usaba fetch, pero resulta que en ciertos modelos de IPADs no funcionaba, asi que tuve que cambiar mis peticiones de Fetch a Axios, por que la app se iba a utilizar en ese tipo de dispositivos, además minificada pesa 13.6k, práticamente nada

    • @eribertmarquez452
      @eribertmarquez452 4 роки тому +1

      @@jonmircha mmm... ya entiendo cual es la utilidad de Axios. Estupenda explicación. Muchas gracias

  • @harrinsonA
    @harrinsonA 4 роки тому

    Gracias. Excelente clase.

    • @jonmircha
      @jonmircha  4 роки тому

      DE nada :), comparte para llegar a más gente :)

  • @danielmena1300
    @danielmena1300 Рік тому +1

    8:07 muy XD jaja, excelente clase prof saludos

  • @jasserblanco2805
    @jasserblanco2805 2 роки тому

    El mejor profesor :D

  • @carloscontreras6051
    @carloscontreras6051 3 роки тому +1

    Jon, consulta tecnica
    es necesario crear la variable json? teniendo ya el await del axios?
    yo aplique el forEach en resp.data y finciono, pero tengo miedo que en alguna base de datos mas grande pueda generar problemas

    • @jonmircha
      @jonmircha  3 роки тому +1

      Pues la creo para que haya coherencia con lo que explique de fetch pero puedes hacerlo directamente

  • @unsol5746
    @unsol5746 3 роки тому +1

    muy bueno excelente ! pero tengo un problema tengo una función con axios y llamo desde otra función y no espera a que termine la ejecución y me retorna undefine

    • @jonmircha
      @jonmircha  3 роки тому

      Seguramente estas invocando un endpoint erróneo o revisa el orden de invocación de tus peticiones

  • @edwina.espinaltaveras4222
    @edwina.espinaltaveras4222 3 роки тому +1

    yo estoy usando ESLINT para lo errores, y me marca error con axios, me dice que axios no esta definido pero funciona bien, seria porque es una libreria externa?

  • @miguelalejandrofernandezar9616
    @miguelalejandrofernandezar9616 4 роки тому

    Gracias Profe :) camino a Fullstack Developer

  • @elmilitar143
    @elmilitar143 3 роки тому

    saludos profesor jonmirchan que videasos muy buenos y educativos, una pregunta que piensas de los operadores Rxjs? tienes algun curso de ellos

    • @jonmircha
      @jonmircha  3 роки тому

      No uso mucho esa librería pero puedes hacer encadenamientos con algunos métodos de JS sobre todo en arreglos y objetos

  • @JorgeSanchez-wc4jo
    @JorgeSanchez-wc4jo 3 роки тому +2

    Profesor Jon, que conocimientos en JS debería manejar para empezar a aprender los frameworks como Vue, React, etc.?
    Psd: Gracias por estos cursos de mucha utilidad! :)

    • @jonmircha
      @jonmircha  3 роки тому +1

      aprendejavascript.org/

  • @oswscript
    @oswscript 3 роки тому +1

    Ahhh que buenos estos ultimos videos de como hacer peticiones. Creo que la gran ventaja de que un solo profesor explique todas a la vez, es que te ayuda a darte cuenta que puedes escojer el que mas te guste. Algo que siempre me ha confudido de javascript, es que en muchos aspectos tiene muchos metodos distintos de hacer lo mismo, entonces un novato se pierde en "que usar". Solo tendria una pregunta:
    Estoy aprendiendo javascript porque pienso saltar luego a VueJS. Mi pregunta seria... Que es mas comun(notese que no estoy preguntando que es mejor, solo comun =) ) usar en Vue: fetch o axios?
    Buenos videos, gracias.

    • @jonmircha
      @jonmircha  3 роки тому +1

      Vue esta muy casado con Axios

  • @reyns8059
    @reyns8059 4 роки тому

    mucho mas facil, muy buen video, muy buen profesor! Gracias Jon. Espero pronto poder invitarte ese taco xD
    incluso respondes una pregunta que me hacia hace varios videos, asi que creo que tratare de adaptarme y aprender a trabajar con el fetch + async, despues de este video lo he entendido mucho mejor la parte del async-await.

  • @LuisSanchez-gh3so
    @LuisSanchez-gh3so 3 роки тому

    ¿Serian las mismas intrucciones, para recibir archivos xml o html? o ¿hay diferencia en las instrucciones en este tipo de archivos?

    • @jonmircha
      @jonmircha  3 роки тому +1

      Sólo cambiaría el tipo de cabecera text/xml

  • @timawid
    @timawid Рік тому +1

    ✅😎Excelente ⭐️⭐️⭐️⭐️⭐️

  • @alexisscuderi196
    @alexisscuderi196 2 роки тому

    Buenaaas, deje los 5 metodos en el mismo archivo, y a cada uno le asigne dos eventos, uno para pedir y mostrar la info y el otro para borrar toda la info del contenedor.
    Cuando termine axios + async probe todos los demas y con ajax (xmlhttprequest) hay un bug que cuando borro la info y la vuelvo a pedir se me imprime 2 veces, y 3 veces si repito lo mismo.
    Esto tiene algun conflicto con axios async ya que ambos trabajan con xmlhttprequest? O cual puede llegar a ser el problema?, revisando el codigo no encontre nada malo y antes de hacer este ejercicio funcionaba bien

  • @Nightfeeder2024-k1v
    @Nightfeeder2024-k1v Рік тому

    hola teacher 😅😅 actualmente uso jquery para obtener datos a veces pocos, a veces cantidades masivas......me recomendarias usar axios en su lugar o las funciones nativas de javascript hablando de AJAX?

  • @ezem4t
    @ezem4t 2 роки тому

    Es necesario hacerle un await a res.data?, no podria ya trabajar en el forEach con el res propiamente? si ahí ya esta la respuesta como objeto

    • @ezem4t
      @ezem4t 2 роки тому +1

      aproposito Jon...INCREIBLE curso, vengo viendo videos sueltos tuyos hace muchisimo pero esta vez me decidí a ver todo el curso de javascript para entender bien las bases y vale muchisimo la pena, mil gracias

    • @jonmircha
      @jonmircha  2 роки тому

      👋🏻😉

  • @helipalacio8772
    @helipalacio8772 Рік тому +1

    👏👏👏 🙏🙏🙏

  • @naqzher
    @naqzher 4 роки тому

    muy bueno profeeee ! !:D

  • @cristianroldan337
    @cristianroldan337 3 роки тому

    Buenas tardes Jon. Qué tan probable es tener problemas al usar la libreria axios, pregunto en el sentido de que se caigan los servidores y depedamos de la libreria ? No se si me doy a entender :s

    • @cristianroldan337
      @cristianroldan337 3 роки тому

      Por qué a su criterio es mejor trabajar con la menor cantidad de librerias de terceros ?

    • @jonmircha
      @jonmircha  3 роки тому +1

      Axios es muy pequeñita úsala sin temor

    • @cristianroldan337
      @cristianroldan337 3 роки тому

      @@jonmircha gracias Jon!

  • @danielfabiani4468
    @danielfabiani4468 2 роки тому

    Me da un error de tipo: Uncaught (in promise) TypeError: err.response is undefined.
    habrá que repasar varias veces mas el código a ver donde le erré a la tecla. Muychas gracias por hoy.

    • @danielfabiani4468
      @danielfabiani4468 2 роки тому +1

      Ya está me había quedado la función dentro de otra funcion anónima.

    • @jonmircha
      @jonmircha  2 роки тому

      👍🏻

  • @JuanluIglesias
    @JuanluIglesias 4 роки тому

    Hola que tal, al final creo que no has llegado ha comentar la diferencia entre hacer una petición con AsyncAwait y sin AsyncAwait, tanto con Axios como sin Axios, se puede saber si hay alguna diferencia¿ gracias de antemano.

    • @jonmircha
      @jonmircha  4 роки тому

      La diferencia está en su sintaxis :)

    • @edwina.espinaltaveras4222
      @edwina.espinaltaveras4222 3 роки тому

      por lo que entendí, es para que el código sea mejor legible pero hacen lo mismo, puedes usar cualquiera de las dos formas

  • @camilogomez5243
    @camilogomez5243 4 роки тому

    THE BEST!!!!!!!!!!!!

  • @alejandroalfonsomoralesloz5552
    @alejandroalfonsomoralesloz5552 2 роки тому

    Yo tengo una duda.. Por que la necesidad de usar funciones asincronas? con el video 109 no basta para hacer las peticiones? o son maneras diferentes de hacer lo mismo??? Muy buen profesor mister jon!

  • @tomasalvarez922
    @tomasalvarez922 4 роки тому +1

    👏🏼👏🏼👏🏼👏🏼

  • @rutita
    @rutita 3 роки тому +1

    🍎 Si hace un año me decías que hoy iba a estar usando Axios... te preguntaba... ¿Qué es eso?!! 😆🍎 Gracias querido profesor!!

  • @CJBarriosTMCalidad
    @CJBarriosTMCalidad 9 місяців тому +1

  • @jhojansmithvelezgomez5601
    @jhojansmithvelezgomez5601 3 роки тому +1

    like si no soy el unico que antes de ver el video pudo hacer la peticion con funciones asincronas :D

  • @hardisonpaulino8846
    @hardisonpaulino8846 Рік тому +1

    🫡🫡👏👏👏🙏🙏

  • @bryanortiz2098
    @bryanortiz2098 2 роки тому +1

    Me gusta mas Fetch con funciones Asincronas C:

  • @helipalacio8772
    @helipalacio8772 3 місяці тому

    👨

  • @diegoherrera462
    @diegoherrera462 3 роки тому +1

    considero que con axios se mantiene un código mas legible. me gusta mas utilizarlo.

    • @jonmircha
      @jonmircha  3 роки тому +1

      Adelante, usa lo que te sirva ;)

  • @eggs1170
    @eggs1170 3 роки тому +2

    Yo cargandome los 20 caps sobre ajax en un dia xdd

  • @arturorodriguez3110
    @arturorodriguez3110 4 роки тому +2

    me quedo con AXIOS puro. async await me confunden mas de lo que me aclaran

  • @aviellisandrovasquezreyes1172
    @aviellisandrovasquezreyes1172 2 роки тому

    :D

  • @helipalacio8772
    @helipalacio8772 Рік тому +1

    👏👏👏 🙏🙏🙏