Fantástico video. Al fin alguien que sabe explicar las cosas de forma sencilla en su esencia, sin saturar de sobreingeniería con Node/NPM/babel... Que es innecesario en muchos casos.
Me encantó la practicidad. También es una muestra de respeto al tiempo ajeno que adelantes el video cuando escribis codigo. Muchisimas gracias por todo tu trabajo.
Buenazo, eres de los pocos que no usan codigo raro y extravagante para demostrar que "saben programar". Los mejores codigos son aquellos que pueden ser entendidos por cualquiera 🙏
Hola buenas tengo una consulta. Resulta que me encuentro programando una página web en la cual estoy usando dos API´s una creada por mí mismo y otra pública. La función que utilizo para poder mostrar los datos es prácticamente idéntica a la que muestras en el video (Yo la tengo en un archivo .json aparte), pero resulta que para la API que cree yo mismo funciona perfectamente, pero en el caso de la publica no. La API publica muestra un elemento (Una bebida alcohólica) aleatoria de una Arraylist. Al momento de mirar la consola me doy cuenta que para mi API los datos que devuelve tiene el siguiente formato: (9) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] Mientras que para la API publica muestra lo siguiente: {drinks: Array(1)} Quería saber como puedo trabajar con esta API, ya que si por ejemplo la llamo solo me devuelve valores 'undefined'
muchas gracias por este tutorial, estoy creando un slider web para aprender ingles, y necesito consumir un json para mostrar los contenidos dinamicamente
buenas, solamente al actualizar se traerán los datos nuevos o se puede poner eso en el código, un actualización automática cada 5 min , por ej., saludos
GRACIAS , UNA PREGUNTA HE LEIDO QUE innerHTML YA NO DEBERIA USARSE, QUE DEBERIA USARSE append o appendChild, TIENES ALGUN VIDEO EXPLICANDO ESTOS METODOS?
Buenas, no puedo mostras la informaciòn, tengo el siguiente error; TypeError: Cannot set properties of null (setting 'innerHTML') at mostrarData (index.html:60:49) at index.html:49:21 En la consola se muestra la informacion console.log(body) , pero la siguiente linea NO document.getElementById('data').innerHTML =body
No puedo estar mas maravillada con este video. Realmente muchas gracias. Quisiera preguntarte si tienes algún ejemplo similar así pero en vez de incrustar los datos en una tabla hacerlo en unas Cards con imagenes. Por ej: una card que contenga: una imagen, un titulo y una descripcion. Saludos!
Muchas gracias!!!! Creo que hay Ejemplos en el canal pero con react y la alternativa a fetch, axios. Igual podemos hacer algo. Fijate en la lista de JavaScript apps. Saludos!
Hola buenas Tardes, Sabes de existe alguna manera de pintar un jason en html de manera local sin tener un servidor, para evitar este error "Solicitud de origen cruzado bloqueada: La misma política de origen no permite la lectura de recursos remotos en file:///C:/Users/id/Desktop/API/name.json. (Razón: Solicitud CORS no http). "
necito ayuda, estoy con una base de datos y use esa fomra para conectame a una api que esta con nu back , pero cunado abro el html por primero ver en server en vivo, me funciona bien , me muestra los datos, pero cuando la recargo empieza a recargarse sin parar :C
@@informaticadp js, probe de variasa formas y todas andan bien, osea me muestran lo datos en consola, pero cuando recargo la pagina empieza a recargar indefinidamente
Y por ejemplo como sería si cuando creamos un reporte interno para la empresa, pero usamos el API de otro sistema que ya tenemos (como el sistema de facturación) donde ya estan dados de alta todo, y para no hacerlo dos veces. Como podríamos llamar a esa API y usar esos datos para insertarlos en nuestro nuevo registro?: O sea para usar los datos mas allá de consumir y mostrar.
Aun que el video es viejo, me gustaria saber como se puede hacer una api que busque el usuario por id sin tener que ponerle el post/1 en el url, se lo agradeceria mucho la verdad
Juan cómo estás! Exactamente eso no recuerdo haber subido al canal. Pero proyectos con APIs y Javascript puro hay muchos en el canal. La API es con Node de la que consumis?
@@informaticadp bien y vos? es para un trabajo de la facultad, usamos la web mockAPI desde donde se carga la API y lo tengo que hacer con javascript puro.
@@guillermodanielmazzarigiov1768 Lo qué pasa es que .forEach() y .map() lo podes utilizar ya que recorren el array y podes iterar sobre ellos. En cambio con .filter() es para filtrar elementos del array en base a la condición que vos le aplicas. Existen otros métodos de array que cada uno tiene sus diferentes funcionalidades.
Soy novato, pero me encanta esto, lastima que esto no es algo que estudie solo es mi joby y creo aplicaciones pero en seguridad y api no se es nada... no me da pena decirlo pero muy interesante.
Si pero no podes declarar una variable con 2 palabras separadas como en este caso API key. Sería fetch(url + apiKey) o también fetch(`${url} ${apiKey}`)
El 95% de los videos tutoriales en TH-cam en sus ejemplos para cargar un DATTABLES utilizan datos de JSON PLACEHOLDER. Pregunto, porque no usar información mas real como una base de registros de Excel o Access (estas herramientas se usan en todas las empresas)? seria de mucha utilidad a usuarios que nos estamos insertando en la WEB.
Exelente, tú siempre con lo mejor de lo mejor y explicado muy fácil.🙌
Muchas gracias Yael! Viste estos temas no son complicados. Te mando un abrazo.
Fantástico video. Al fin alguien que sabe explicar las cosas de forma sencilla en su esencia, sin saturar de sobreingeniería con Node/NPM/babel... Que es innecesario en muchos casos.
Muchas gracias Pedro!!! Te mando un abrazo y gracias nuevamente.
Me encantó la practicidad. También es una muestra de respeto al tiempo ajeno que adelantes el video cuando escribis codigo. Muchisimas gracias por todo tu trabajo.
Muchas gracias Juan Carlos!!! Abrazo!
"muestra de respeto al tiempo ajeno" no sea payaso, el interesado es uno, quiere también una tacita de café?
Muy muy bueno. La diccion de tu voz es clarisima, la orientacion y esctructurado del video lo hacen Excelente. Felicitaciones
Muchas gracias Héctor!!!!!
Muchas gracias por tu tiempo, aporte y explicación, sin duda el mejor haciendo estos webinar...
Te agradezco mucho Patricio! Saludos.
gracias por ayudarme bro, quiero hacer una web de la F1 y con tu video pude sacar los primeros datos... gracias!
Excelente Kayser!! Abrazo!
Muchas gracias muestra en pocas líneas cosas que llevo tratando de aprender hace rato mil gracias de verdad
Genial, muchas gracias por dedicar parte de tú tiempo en enseñar, bendiciones para ti.
Muchas gracias! Saludos JP!
Me encantó el video y la forma en que lo explicas.
Muchas gracias!
Muchas gracias Mariano!!!
Muchisimas gracias por el vídeo me sirvio demasiado para poder hacer una APP con el JavaScript soy nuevo pero muchas gracias por tu vídeo.
Excelente Jorge! Un abrazo bro!!
Buenazo, eres de los pocos que no usan codigo raro y extravagante para demostrar que "saben programar". Los mejores codigos son aquellos que pueden ser entendidos por cualquiera 🙏
Muchas gracias Lian! eso tratamos, sobre todo que se entiendan los temas. Abrazo!
Un aporte en la linea 52 console.table(data) y muestra por consola los datos en formato de tabla. Gracias por tus videos. Esperamos un CRUD. Saludos.
Muchas Gracias Jairo! Saludos.
Mas claro imposible. Muchas gracias. Me encantó el video. Saludos.
Muchas gracias! Saludos!
Muchas gracias excelente explicación
Saludos desde Cuba.
Saludos mi estimado José!!
Nooo, simplemente genial como explicas
Muchas gracias!!!
Excelente video!, se entendió todo perfecto. Suscrito, saludos desde uy 🇺🇾.
P.D: que tema de vs code usas? Me gustan los colores 😁
Que gran video, fácil de entender...gracias..!!
Muchas gracias Ed!!!
muchas gracias, que buen ejemplo, puedes hacer uno con fetch y POST?
muy buen video. En cuanto a seguridad hay algún problema detectado de poder hacerlo de esta manera?
Gracias , gran aporte a la comunidad
Muchas gracias!!
Super Excelente Plus !! Muchas gracias Maestro Gustavo
Muchas gracias!!!!
videazo, bien explicado, claro, y practico.
Muchas gracias Paolo!
Excelente, se le puede agregar un buscador?
Excelente, tu explicación, muchas gracias
Muchas gracias Carlos!
que template usas para vs code?
Muy buena explicación 🎉
hola, esto se puede desde un proyecto creado en angular?, por que tengo muchos componentes html y no se muestra en la que quiero nisiquiera aparece
fenomeno eres un crack te aprecio mucho siguelo haciendo
Muchas gracias Jesús!!!
@@informaticadp Bro no se si ya lo hiciste pero deberias hacer un update de este video usando, async y await para mejores prácticas no?
recomiendas usar document.createElement y el metodo appendChild para hacer esto? o es mejor utilizar templates strings de html?
Hola, una pregunta, y como se haria para no estar llamando a la url, no tendria sentido llamarla de nuevo si nada ha cambiado.
Enseña muy bonito , muchas gracias. Bnediciones
Gracias!!!! Saludos!
Hola buenas tengo una consulta.
Resulta que me encuentro programando una página web en la cual estoy usando dos API´s una creada por mí mismo y otra pública. La función que utilizo para poder mostrar los datos es prácticamente idéntica a la que muestras en el video (Yo la tengo en un archivo .json aparte), pero resulta que para la API que cree yo mismo funciona perfectamente, pero en el caso de la publica no.
La API publica muestra un elemento (Una bebida alcohólica) aleatoria de una Arraylist.
Al momento de mirar la consola me doy cuenta que para mi API los datos que devuelve tiene el siguiente formato:
(9) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
Mientras que para la API publica muestra lo siguiente:
{drinks: Array(1)}
Quería saber como puedo trabajar con esta API, ya que si por ejemplo la llamo solo me devuelve valores 'undefined'
Muchas gracias!!!! Me sirvió bastante
Excelente. Saludos!!!
muchas gracias por este tutorial, estoy creando un slider web para aprender ingles, y necesito consumir un json para mostrar los contenidos dinamicamente
Excelente bro!!!
Como puedo hacer un inicio de sesión con una api, js y html?? Alhun consejo
buenas, solamente al actualizar se traerán los datos nuevos o se puede poner eso en el código, un actualización automática cada 5 min , por ej., saludos
Gracias, buen video.
Saludos Ivan!
Como puedo consumir una API local en Node JS (Servidor Local), esta en el puerto 3000 y no me funciona...
GRACIAS , UNA PREGUNTA HE LEIDO QUE innerHTML YA NO DEBERIA USARSE, QUE DEBERIA USARSE append o appendChild, TIENES ALGUN VIDEO EXPLICANDO ESTOS METODOS?
Hola bro! Por qué no debería usarse innerHTML ? Saludos.
@@informaticadp LEI QUE POR TEMAS DE SEGURIDAD QUE ES VULNERABLE
Buenas, no puedo mostras la informaciòn, tengo el siguiente error;
TypeError: Cannot set properties of null (setting 'innerHTML')
at mostrarData (index.html:60:49)
at index.html:49:21
En la consola se muestra la informacion
console.log(body)
, pero la siguiente linea NO
document.getElementById('data').innerHTML =body
No puedo estar mas maravillada con este video. Realmente muchas gracias. Quisiera preguntarte si tienes algún ejemplo similar así pero en vez de incrustar los datos en una tabla hacerlo en unas Cards con imagenes. Por ej: una card que contenga: una imagen, un titulo y una descripcion. Saludos!
Muchas gracias!!!! Creo que hay Ejemplos en el canal pero con react y la alternativa a fetch, axios. Igual podemos hacer algo. Fijate en la lista de JavaScript apps. Saludos!
Hola buenas Tardes, Sabes de existe alguna manera de pintar un jason en html de manera local sin tener un servidor, para evitar este error "Solicitud de origen cruzado bloqueada: La misma política de origen no permite la lectura de recursos remotos en file:///C:/Users/id/Desktop/API/name.json. (Razón: Solicitud CORS no http). "
necito ayuda, estoy con una base de datos y use esa fomra para conectame a una api que esta con nu back , pero cunado abro el html por primero ver en server en vivo, me funciona bien , me muestra los datos, pero cuando la recargo empieza a recargarse sin parar :C
Usas js puro o react?
@@informaticadp js, probe de variasa formas y todas andan bien, osea me muestran lo datos en consola, pero cuando recargo la pagina empieza a recargar indefinidamente
Todos tus videos son excelentes como siempre y muy bien explicados.
¿Como hago para completar esa tabla con los datos que me muestra un endpoint json?
Gracias maquina. Estoy empezando con JS en la universidad y no podia mostrar la info en el html.
Saludos bro!
Este es para crear una api?
genial, muy didactico gracias
Todo entendible a la prefeccion :D
Gracias Fabri!!!
Y por ejemplo como sería si cuando creamos un reporte interno para la empresa, pero usamos el API de otro sistema que ya tenemos (como el sistema de facturación) donde ya estan dados de alta todo, y para no hacerlo dos veces.
Como podríamos llamar a esa API y usar esos datos para insertarlos en nuestro nuevo registro?: O sea para usar los datos mas allá de consumir y mostrar.
gracias crack!!! tome su like
Muchas gracias!!
como hago un calendario solo con JavaScript.. osea sin JQUERY
Pro fe muy bien como siempre.
Me gustaría que hicieras un carrito de compras.
Gracias Betico! Un carrito de compras con laravel 8?
Muy bien para cuando estará esos videos?
Ni siquiera tengo ese proyecto. Más adelante haremos más con Laravel. Próximo curso es un CRUD con MongoDB, Bootstrap 5 y Node.
Ví 3516384138581 de y en todos muestran exactamente el mismo ejemplo. No se puede mostrar 1 SOLO DATO sin hacer ningun bucle?
Muchas gracias
Excelente, amigo tengo una consulta, para este tipo de peticiones que me recomendarías usar o cual es mejor, Ajax Fetch o Axios, gracias 👍🏽
Muchas gracias! Es una forma de mostrar todas las alternativas y tener más recursos como desarrolladores. Todas son buenas alternativas. Abrazo.
Fetch y axios se usan mas
explicas muy bien wacho
Buen vídeo, saludos!
Muchas gracias Juan!!
¿porqué no funciona con una url de tipo localhost? me sale en blanco la tabla, solo me aparecen los datos por consola
Me pasa lo mismo
@@wismeilypalma7220 lo solucionaron?
voy una semana tratando de obtener una solicitud con fetch method : get pero desde un controlador que recibe un parametro ayuda po favor :(
Que paso bro? Compartí esa parte del código
Hola pro fe, un crud con esa Api se podrá hacer?
Hola! No, porque esa API es de jsonplaceholder es de un servicio externo.
Buenas como lo hago alfabeticamente en la tabla ?
Genial Maestro
Muchas gracias Cristhian!
Se podrá hacer un crud con api en php
Totalmente. En el canal hay un par de cursos con API con PHP.
Te paso este curso. Usamos una API con PHP y otra con Node.
th-cam.com/play/PLrAw40DbN0l0ziD-_7LKx61xFhGjVbqbW.html
@@informaticadp se agradece
como le puedo agregar un buscador y filtración de datos?
Aquí lo explico. Es muy simple y está el código fuente. Saludos.
th-cam.com/video/FpArxvAsdek/w-d-xo.html
Muchas gracias :)
Gracias a vos!
Qué tal profe, me sirvio bastante, pero como puedo jalar mi controlador desde la url? ya lo intente y no me deja, me sale error 500
Hola! Un endpoint decis?
Aun que el video es viejo, me gustaria saber como se puede hacer una api que busque el usuario por id sin tener que ponerle el post/1 en el url, se lo agradeceria mucho la verdad
x2
Podrias explicar como hacer la api con php??? Gracias
Excelente amigo
Muchas gracias Marco!
genio, necesito hacer un filtro con JavaScript desde un input de los datos traídos desde una API, tendrias video o el codigo para hacerlo?
Juan cómo estás! Exactamente eso no recuerdo haber subido al canal. Pero proyectos con APIs y Javascript puro hay muchos en el canal. La API es con Node de la que consumis?
@@informaticadp bien y vos? es para un trabajo de la facultad, usamos la web mockAPI desde donde se carga la API y lo tengo que hacer con javascript puro.
buen video!
Tengo problemas con los cors
Excelente !
Muchas gracias!!
Gracias
también podrías usar un .forEach o un .map, verdad?
Buen video y buena explicación!
Totalmente. Muchas gracias!!!
Pregunta de novato, su bastante nuevo en esto, podrías usar métodos de array? Cómo filter o algún otro? Me entró la duda por lo que mencionan map
@@guillermodanielmazzarigiov1768 Lo qué pasa es que .forEach() y .map() lo podes utilizar ya que recorren el array y podes iterar sobre ellos. En cambio con .filter() es para filtrar elementos del array en base a la condición que vos le aplicas. Existen otros métodos de array que cada uno tiene sus diferentes funcionalidades.
Bien explicado
Muchas gracias!
Soy novato, pero me encanta esto, lastima que esto no es algo que estudie solo es mi joby y creo aplicaciones pero en seguridad y api no se es nada... no me da pena decirlo pero muy interesante.
Así es, Javascript puro es una maravilla. De hecho todos los frameworks surgen de aquí. Saludos.
Excelente video, lo hice y me funcionó, pero intente con otra api de usuarios y no me desplegó la info :(
Bravo
Excelente video! Si quisiera hacer esto teniendo una API key, podría ponerlo así:
fetch(url+API key)
Si me pueden aclarar la duda, agradecido
Si pero no podes declarar una variable con 2 palabras separadas como en este caso API key. Sería fetch(url + apiKey) o también fetch(`${url} ${apiKey}`)
Muchas gracias!! Asi es como dijo el compañero Emiliano. Saludos!
Genial. Una pregunta ¿Cómo se llama el tema de tu VSCode? :3
Hola Valentina. El tema para VSC se llama Outrun night. Saludos.
@@informaticadp ¡Gracias!
Se gano otro seguirdor 😁
no se puede descargar el codigo que pena :(
Aguantame unos minutos y lo subo a Github
Listo el link en Github!
te felicito , el ejemplo es excelente, tiene bootstrap, tiene funciones nuevas, promesas, en muy pocas lineas de codigo.
Muchas gracias Darío!!!
Tienes un crud desde una Api?
No, si encuentro hacemos video.
El 95% de los videos tutoriales en TH-cam en sus ejemplos para cargar un DATTABLES utilizan datos de JSON PLACEHOLDER. Pregunto, porque no usar información mas real como una base de registros de Excel o Access (estas herramientas se usan en todas las empresas)? seria de mucha utilidad a usuarios que nos estamos insertando en la WEB.
Profe nos enseñarias React por favor jeje
Totalmente. Tengo pendiente React en el canal. Este año esperemos hacer un CRUD y una SPA. Saludos.
Podrías hacer un crud con fetch y por cierto excelente video
Muchas gracias. Buena idea lo del CRUD.
no entendí una mierda(soy muy limitado) pero bien explicado... gracias
Nooo, que parte no entendiste? La idea es que todos aprendan!
Hay miles de ejemplos con fetch pero solo de carga de datos, nunca he visto un crud completo 😂
Estimado. Aquí está th-cam.com/play/PLrAw40DbN0l0CtcIRNmM5ZTM6o8Nmwdk5.html&feature=shared
Excelente Carnal, ahora mismo me lo veo gracias por el enlace
Excelente!
Muchas gracias!!!
gracias
GRACIAS