Tutorial Axios | Como Conectarse a una API con Javascript

Поделиться
HTML-код
  • Опубликовано: 7 сен 2024
  • En este video vamos a ver como utilizar la famosa librería de Axios para conectarnos a una API.
    Mis cursos de desarrollo web:
    ⭐ Curso Completo de Diseño Web Profesional:
    www.desarrollo...
    ⭐ Curso Completo de React y Firebase:
    www.desarrollo...
    ⭐Curso Completo de Javascript
    www.desarrollo...
    ⭐ Curso Completo de PHP y MYSQL:
    www.desarrollo...
    ⭐ Curso de Bootstrap 5:
    www.desarrollo...
    ⭐ Curso Completo de creación de tiendas online:
    www.desarrollo...
    ---
    📄 Código del Proyecto:
    github.com/fal...
    📄 Página de Axios: axios-http.com...
    ▶ Tutorial de Fetch API: • Como Conectarse a una ...
    ▶ Tutorial de Scroll Infinito: • Scroll Infinito con Ja...
    ---
    Redes Sociales:
    📌 Twitter: / falconmasters
    📌 Página de Facebook: / falconmasters

Комментарии • 40

  • @alem182
    @alem182 Год назад +3

    Tus tutoriales nunca fallan. Sencillos y bien explicados. Genio, GRACIAS!

  • @ferromero8009
    @ferromero8009 2 года назад +6

    Muy bueno el curso que hice solo explicaba fetch y queria aprender axios solo por saberlo...gracias!!!

  • @paolamagaliortiztriguis8546
    @paolamagaliortiztriguis8546 2 года назад +2

    La mejor explicacion que vi sobre este tema. Super claro y paso a paso. Gracias!

  • @lche0
    @lche0 2 года назад +2

    Sirven de Mucho tus videos!
    Mil gracias!!!

  • @beatrizgonzalez2976
    @beatrizgonzalez2976 2 года назад

    como siempre FALCON nos ayuda en un rato y clarísimoooooooooooooo GRACIASSSSSSSSSSSSSSS

  • @nardosys
    @nardosys Год назад

    salve al gran señor FalconMasters salvador de los recién iniciados jejejejejej gracias por todo

  • @klaynospina9236
    @klaynospina9236 2 года назад +3

    Hola los vídeos que subes son muy buenos. Me gustan mucho espero que sigas subiendo contenido poder emplearlos a nuestro proyectos

  • @BernalAgni20513
    @BernalAgni20513 Год назад

    unos tienen el talento de programar y otros tienen el talento de programar y el saber tambien de enseñar ,gracias

  • @eosorto55
    @eosorto55 8 месяцев назад

    exelente explicacion mas claro que el agua gracias bro

  • @carlosalbertochacon8178
    @carlosalbertochacon8178 Год назад +1

    😲 realmente es muy clara la explicación, excelente video!!👌

  • @diegodmdsoftware
    @diegodmdsoftware 7 месяцев назад

    Excelente video y explicación! Gracias

  • @lopezarias9551
    @lopezarias9551 2 года назад +1

    Muchas gracias por compartir tu conocimiento. Eres grande.

  • @beticohernandez9536
    @beticohernandez9536 2 года назад +5

    Hola, seria bueno que hicieras un crud desde una Api.

  • @mariamartin2326
    @mariamartin2326 2 года назад

    Tome su like señor, justo lo que necesitaba. Gracias 🙏🏼

  • @UECenter
    @UECenter 2 года назад

    Muchas gracias colega, justo lo que necesitaba.

  • @danieltaveras9887
    @danieltaveras9887 2 года назад +1

    Eres el mejor

  • @Lashistoriasdelilith
    @Lashistoriasdelilith Год назад

    super facil lo haces ver!

  • @julianvelez6563
    @julianvelez6563 2 года назад +1

    Grande falconmasters

  • @brianmichelhernandezgarcia
    @brianmichelhernandezgarcia 2 года назад

    Gracias por tus vídeos me han ayudado mucho

  • @milito-no.k3149
    @milito-no.k3149 2 года назад

    falcon master, máquina!!!!

  • @prograjm5428
    @prograjm5428 2 года назад +1

    Hola Carlos
    Explicas exelente como siempre :)
    Tenia una duda, sabes de alguna forma de "esconder" una APIKEY en Javascript del lado del cliente ?
    En react se hace con .env por ejemplo, exite alguna forma en Javascript ?
    Por ejemplo con la de firebase cuando se usa en Javascript.
    Muchas Gracias :)

    • @FalconMasters
      @FalconMasters  2 года назад +4

      Con javascript también puedes usar dotenv para trabajar con archivos .env el problema es que no se puede esconder la llave si es una llave que va en el lado del cliente.
      La gran gran mayoría del tiempo no debería ser problema que las llaves que van en el frontend sean publicas. Ya que los servicios que entregan las llaves también verifican que las peticiones se hagan desde un sitio con un dominio que tu le especificas.
      Por eso cuando registras una llave muchas veces te piden el dominio en donde la usaras. Te piden ese dominio para que la llave solo funcione para peticiones que vienen de ese sitio.

  • @cristianovelazquez2048
    @cristianovelazquez2048 2 года назад

    Gracias!!

  • @alexsauceda5079
    @alexsauceda5079 2 года назад +1

    Reto cumplido B-)

    • @FalconMasters
      @FalconMasters  2 года назад

      Eres el primero en acabar la tarea! felicidades.

  • @danilomereles6671
    @danilomereles6671 2 года назад

    Estaría bueno un video sobre Redux Toolkit

    • @FalconMasters
      @FalconMasters  2 года назад

      Nunca lo he usado, pero lo tendré en cuenta

  • @eduardohernandezsoto785
    @eduardohernandezsoto785 2 года назад

    Hola, por el momento fetch para hacer lo mismo de params es con URL search params verdad?

  • @johannesmoreno4202
    @johannesmoreno4202 2 года назад

    Gracias por tu enseñanza Carlos A. , Tengo una consulta. Necesito consumir una API a esta le debo enviar unos parámetros desde un formulario y otro es el nombre del método que será usado en el servicio, luego de estos me devolverá los datos . Podrías hacer un vídeo con Post enviando parámetros por medio de formularios a una API. O podrías indicarme cómo hacerlo. Muchas gracias

    • @cliconlineStudios
      @cliconlineStudios 2 года назад

      Lo puedes hacer con Google sheet o air tablet saludos .

  • @pepocero
    @pepocero 2 года назад

    Muy buen video!
    En vez de usar una url que apunte a una api, se puede usar una url que lleve a un archivo php con una consulta MySQL ? Poniendo el resultado de la consulta en formato Json, si es necesario....
    ¿Es posible?

    • @desarrollocolectivozas2921
      @desarrollocolectivozas2921 2 года назад

      Si tiene una api rest, puedes usar axios para consumirla. No importa si esta en php, python, go..., Claro la forma de consumirla tal vez varia un poco. Pero axios tiene las herramientas, como el tipo de autorización.

  • @marroquin92
    @marroquin92 Год назад

    Alguien ha realizado una sola función para recibir los diferentes tipos de solicitudes, no andar haciendo muchas funciones para cada solicitud axios ?

  • @victorhuayhuapuma1505
    @victorhuayhuapuma1505 2 года назад

    pongo respuesta.data.results y me sale indefinido ¿porque?

  • @MiguelAngel-mf3yu
    @MiguelAngel-mf3yu 2 года назад

    Cuual es la diferencia entre codigo puro y framework

    • @ricardoestrella95
      @ricardoestrella95 2 года назад +1

      Imagina lo siguiente:
      Con código puro tú haces exactamente lo mismo que con framework, pero la diferencia radica en que, por ponerte un ejemplo inventado, en javascript tú pones un evento a un objeto asignándolo:
      const hacerAlgo = etiqueta.addEventListener('click', () =>{
      //Código
      });
      Y con framework sólo deberías hacer algo tipo:
      etiqueta{
      //Código
      }
      Espero se entienda el ejemplo, lo simplifiqué de la mejor forma para que entiendas "gráficamente".