Ajax, Fetch, Axios & jQuery ⚡ 5 minutos 🎉 Desde cero
ฝัง
- เผยแพร่เมื่อ 6 ก.พ. 2025
- Realiza tu primera petición Ajax usando Fetch API.
En esta lección consumimos la API de Rick and Morty.
Aprende la diferencia entre Ajax y Fetch. No lo confundas con jQuery ni Axios.
📌 Artículo en el blog: programacionym...
🎯 Curso JavaScript recomendado: programacionym...
*****
🍿 Continúa viendo:
Programación Orientada a Objetos • Aprende POO⚡️ En 6.9 min
Aprende a programar desde 0 con Python • Aprende a programar 🚀 ...
8 Patrones de Diseño • Aprende 8 Patrones de ...
Inner Join, Left Join, Right Join & Full Join • ¿Cómo funciona INNER J...
Aprende Vue.js 3 y TypeScript • Nuevo curso de Vue 3! ...
CRUD con Laravel y Vue • App Laravel + Vue en m...
Suscripciones con PayPal • Cómo implementar un mo...
Vulnerabilidad CSRF • ¿Qué es un ataque CSRF...
Crea tu Uber • Google Maps y Places S...
API Rest en Laravel • Desarrolla y publica u...
🏆 Cursos recomendados:
JavaScript - programacionym...
Docker y Microservicios - programacionym...
Vue 3 & Vuetify & TypeScript & Pinia - programacionym...
Actualiza tu proyecto Laravel - programacionym...
Laravel & Android - programacionym...
Protocolo OAuth 2 - programacionym...
Laravel & Vue - programacionym...
Python - programacionym...
Laravel - programacionym...
Aprende más en:
🌎 Blog - programacionym...
💻 LinkedIn - / programacion-y-mas
📸 Instagram - / programacionymas
📱 TikTok - / programacionymas
🎥 Facebook - / programacionymas
¿Me ayudas a llegar a los 100k subs? 👀
*****
👋 Gracias por ver el video.
Si tienes alguna duda, comenta aquí debajo!
Además recuerda dar like y compartir el video.
Magníficamente explicado. Me encanta su esfuerzo de síntesis y su precisión ténica y expresiva. Gracias.
Gracias compañero por el comentario!
Voz tranquila. Directo al grano. Explicación de alto y medio nivel. Fácil de comprender.
Gracias por el vídeo.
Gracias por el comentario Sebas!
Qué maravilla de explicación, no dando nada por sentado y explicando todo desde cero. Deberías tener mínimo 2M de seguidores.
Hey, muchas gracias por el comentario. Me anima a continuar!
Hay que dar las gracias a Brian, por haber provocado que se creara este gran video.
Buscando a Brian.
Este es el mejor video que he visto sobre el tema en inglés o en español, demasiado claro y fácil de entender.
Excelente! Muchas gracias por el comentario 🙂
⚡Comenta aquí: ¿cuántos años de experiencia tienes programando?
Que buen vídeo hermano, creo que empezaré a usar fetch, suelo trabajar cn Ajax mayormente, toca refactorozar code
Excelente!
Es bueno refactorizar nuestro código
No es mame pero prefiero ver tutoriales en inglés , este lo vi por casualidad y me gustó tu forma de enseñar .
Qué bueno compañero, si te puedo ayudar con alguna duda, me dices
Muy útil la explicación gracias. 😊
Excelente! Gracias por comentar
Clarísimo, excelente forma de explicarlo! muchas gracias!
Genial. Gracias por el comentario!
Hace varios años vi AJAX y recien estoy actualizandome de conceptos ya que mi fuerte en los últimos años ha sido backs de entornos IBM. Recién un instructor me decía que AJAX es un adefecio viejo y me confundió por que precisamente estaba viendo AJAX fetch como una forma moderna (a día de hoy) de hacer peticiones asíncronas... creo que el instructor se refería a la forma antigua de usar AJAX, pero no hizo una aclaración como la que has hecho. Muchas gracias.
Excelente! Me alegra mucho saber que te ha sido de ayuda 🙂
Gracias también por comentar.
Excelente explicación contextual y gran ejemplo práctico de librería/módulo fetch
Gracias compañero por el comentario!
buen video introductorio, gracias por la aclaratoria
Gracias también por comentar!
Magníficamente explicado , entendí todo , muchas gracias
Excelente! Gracias por el comentario
no solo me ha ayudado a entender la API fetch, el termino asincrono no lo entendia muy bien hasta ver el video :D, muchas gracias
Excelente!
Gracias por comentar :D
Excelente explicación. Te ganaste un suscriptor!!
@@germanbinder8095 Muchas gracias por el comentario!
Excelente video, el mejor video que explica este tema que e encontrado
Excelente! Gracias por el comentario ;)
Gracias Brian por este gran tutorial
sabe
Bro, tu video es justo lo que llevaba rato buscando, gracias por compartir tu conocimiento
Excelente! Gracias por comentar
Video fantastico, una explicacion exhaustivamente detallada y completa.
Muchas gracias por tu comentario! 🙂
Felicitaciones Juan, cuando se lleva un camino recorrido y se ha hecho el esfuerzo que tu imprimes a tu trabajo da gusto ver que siempre hay algo que mejorar, que investigar y que innovar para que este proceso de la programación sea entendido y extensible a una comunidad. Es muy fácil criticar desde afuera, desde donde solo se recibe, pero se tiene que tener mucha entereza y humildad para que desde adentro se realice la mejora, aceptando la "falla" y haciendo algo por ello. Una vez más te felicito.
Gracias Alfredo! Me gusta la idea de apoyar a quienes recién empiezan, para que más personas encuentren su pasión en la programación.
Para llegar a más, procuro encontrar nuevas formas de captar la atención inicial jeje.
Increíble video, muy buena calidad en la explicación, muy claro y concreto en lo que dice. 👍🏻
Genial! Gracias tocayo por tu comentario :)
Gracias ❤me ayudó mucho
Qué buenoo! Me alegra que haya sido de ayuda
Información que cura. Sin duda una increíble explicación.
Hey, gracias por el comentario!
Buen video , lo que pasa que actualmente la mayoria de programadores se ha acostumbrado a utilizar solo librerias o frameworks ( practicamente son programadores de uso de librerias) y no se toman la molestia de investigar mas fondo sobre AJAX y Javascript es más , el objeto xml http request en ajax desde cero son preguntas de certfiicacion antiguamente. saludos y sigue publicando mas videos
Genial. Gracias por el aporte!
Gracias gracias
También a ti por comentar!
Llevo programando desde la Universidad hace algunos 8 años. Pero un más profesionalmente hace 4 años.
Excelente explicaicón
Me ayudo mucho el video!
Excelente, compañero! 🎉
Gracias
Con gusto! Gracias por comentar
Gracias por su explicación . Me encantaría saber de ser posible que sería un endpoint ?
Saludos.
Hola Jordan. Un endpoint es una ruta que forma parte de una API.
Por ejemplo, una api puede tener un endpoint para registrar usuarios, otro para registrar operaciones, etc.
muy buena explicación!!! gracias !!!
Con gusto compañero! Gracias por comentar
Muy bueno tu video gracias, cual es tu extensión de Chrome que usaste ??
Hola. A qué extensión te refieres?
🎉 Gracias a dios encontré este vídeo
Excelente explicacion encima en poco tiempo. Mi duda es si Brayan entendio¿?
Gracias compañero por el comentario! Yo también me pregunto lo mismo
Gracias por el video crack
Gracias también por comentar!
Muy buen video, gracias por la explicación.
Y gracias a ti por comentar 🙂
Buen Tuto bro. Muchas gracias!!!... Modernízate Bryan !!!!
Jajaj, gracias por el comentario 🤣
gracias por la explicacion
Con gusto!
Que buen video hermano
Genial! Gracias por comentar.
Gracias, ¡muy útil!
Gracias también por comentar!
Buen Video gracias !
Gracias también por comentar!
Muy buen video!
Gracias colega 🙂
siempre que busco videso de algo que no entiendo busco por lo max de 1 year
Ohhh, menos mal pasó poquito
Ah perro excelente video 😃
Jajaja. Gracias?
Uso de Fetch API: 8:38
Gracias por el aporte
Estimado Juanca, hoy por casualidad me encontré con tu canal de youtube. Tengo un problema que necesito solucionar.
Resulta que no sé cómo dejar un reproductor de audio para mi radio online, en forma fija en todo el sitio y que no se refresque cuando abro otras páginas, porque sino, se me corta el audio de la transmisión. ¿Existe algún código que pueda insertar?
Mira aqui hay 2 ejemplos de radioemisoras que tienen ese sistema de reproductor pegado que no se actualiza. Lo quiero hacer yo mismo, ya que estuve viendo los precios y no tengo dinero para pagar los que venden en internet.
Hola Fernando. Para que la reproducción no se vea afectada en absoluto, es necesario que tu sitio se convierta en una SPA (single page application). De esa manera, la navegación ocurre visualmente pero el navegador no realiza una recarga de página, por tanto el reproductor no es afectado.
En uno de los ejemplos que compartiste de hecho se trata de una One Page App, o sea, una web que sólo tiene una única página, por tanto la navegación es simplemente realizar scroll, y el reproductor no se ve afectado, al no existir ninguna transición de una página a otra.
Si en tu caso es complicado convertir tu página a una SPA, podrías tratar a capturar el último estado del reproducir con JS, y reanudar ese estado al llegar a otra página, haciendo uso de localStorage, por ejemplo; pero la experiencia no sería tan fluida.
Hablando de evolucion. Estoy haciendo tu curso de Laravel pero es 5.5, ¿Podria usar version mas actual? Creo que puedo usar hasta la 8. ¿Me puedes confirmar? Gracias de antemano
Hola. Sí, no hay problema. Es decir, habrán algunas diferencias, pero siempre puedes preguntarme.
Que grande!
Gracias por comentar!
10/10
Gracias por el comentario!
se nota que sabes. Like
@@lucascirille703 Genial! Gracias por el comentario
Hola ... Como estás ... Gracias por el vídeo.
Y... Tengo una duda sobre cómo iniciar mi algoritmo con ajax pero te encontré hablando de frechs? Me podrías orientar? Muchas gracias .
Hola. Ajax es la técnica. Fetch es una API moderna para hacer ello.
si usara el metodo GET funcionaría del mismo modo el resto de código ¿?
Hola. Te refieres al método get de jQuery?
Buenos días, entonces cuál es la diferencia clara entre Ajax y fetch?
Hola. Ajax significa hacer peticiones asíncronas. Hay varias formas de hacerlo, y Fetch es una de las formas más recomendadas para ello (ya que es una API nativa de JavaScript).
un video de un curso de javascript para trabajar en las empresas jaja
Genial
clarisimo
Muchas gracias!
El Brayan quiere estudiar 😯
Todos tenemos la oportunidad de reivindicarnos 👀
La verdad explica muy mal 😂 por eso yo nunca entendí fetch no hay nadie que lo explique bien
Ohh, cómo podemos ayudarte? Qué parte no entiendes?
@@programacionymas absolutamente nada del fetch, se usar XMLhttpRequest perfectamente, pero el fetch se me complica de una manera extraordinaria
goty
👀
Que buen video amigo me ayudo mucho
Qué bueno! Gracias por comentar