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 🙏
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 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'
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.
El 95% de los videos tutoriales en RUclips 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.
@@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.
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
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
GRACIAS , UNA PREGUNTA HE LEIDO QUE innerHTML YA NO DEBERIA USARSE, QUE DEBERIA USARSE append o appendChild, TIENES ALGUN VIDEO EXPLICANDO ESTOS METODOS?
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). "
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.
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}`)
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.
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!!!!!
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
Muchas gracias por tu tiempo, aporte y explicación, sin duda el mejor haciendo estos webinar...
Te agradezco mucho Patricio! Saludos.
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.
Saludos desde Cuba.
Saludos mi estimado José!!
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!!
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!!!
muchas gracias, que buen ejemplo, puedes hacer uno con fetch y POST?
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!
Muchas gracias excelente explicación
Nooo, simplemente genial como explicas
Muchas gracias!!!
Gracias maquina. Estoy empezando con JS en la universidad y no podia mostrar la info en el html.
Saludos bro!
Que gran video, fácil de entender...gracias..!!
Muchas gracias Ed!!!
Excelente, tu explicación, muchas gracias
Muchas gracias Carlos!
Mas claro imposible. Muchas gracias. Me encantó el video. Saludos.
Muchas gracias! Saludos!
Enseña muy bonito , muchas gracias. Bnediciones
Gracias!!!! Saludos!
Excelente video!, se entendió todo perfecto. Suscrito, saludos desde uy 🇺🇾.
P.D: que tema de vs code usas? Me gustan los colores 😁
muy buen video. En cuanto a seguridad hay algún problema detectado de poder hacerlo de esta manera?
Muy buena explicación 🎉
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?
Todo entendible a la prefeccion :D
Gracias Fabri!!!
Gracias , gran aporte a la comunidad
Muchas gracias!!
Super Excelente Plus !! Muchas gracias Maestro Gustavo
Muchas gracias!!!!
Muchas gracias!!!! Me sirvió bastante
Excelente. Saludos!!!
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!
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.
videazo, bien explicado, claro, y practico.
Muchas gracias Paolo!
Excelente, se le puede agregar un buscador?
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'
Excelente video, lo hice y me funcionó, pero intente con otra api de usuarios y no me desplegó la info :(
explicas muy bien wacho
Muchas gracias
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?
recomiendas usar document.createElement y el metodo appendChild para hacer esto? o es mejor utilizar templates strings de html?
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.
genial, muy didactico gracias
Gracias, buen video.
Saludos Ivan!
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
El 95% de los videos tutoriales en RUclips 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.
Muchas gracias :)
Gracias a vos!
buen video!
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.
que template usas para vs code?
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
Buen vídeo, saludos!
Muchas gracias Juan!!
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
Se gano otro seguirdor 😁
Hola, una pregunta, y como se haria para no estar llamando a la url, no tendria sentido llamarla de nuevo si nada ha cambiado.
Genial Maestro
Muchas gracias Cristhian!
gracias crack!!! tome su like
Muchas gracias!!
Como puedo hacer un inicio de sesión con una api, js y html?? Alhun consejo
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
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
Podrias explicar como hacer la api con php??? Gracias
Como puedo consumir una API local en Node JS (Servidor Local), esta en el puerto 3000 y no me funciona...
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.
como hago un calendario solo con JavaScript.. osea sin JQUERY
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). "
Gracias
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.
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!
Excelente amigo
Muchas gracias Marco!
Ví 3516384138581 de y en todos muestran exactamente el mismo ejemplo. No se puede mostrar 1 SOLO DATO sin hacer ningun bucle?
no entendí una mierda(soy muy limitado) pero bien explicado... gracias
Nooo, que parte no entendiste? La idea es que todos aprendan!
Podrías hacer un crud con fetch y por cierto excelente video
Muchas gracias. Buena idea lo del CRUD.
Bien explicado
Muchas gracias!
Excelente !
Muchas gracias!!
Este es para crear una api?
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?
Bravo
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
Buenas como lo hago alfabeticamente en la tabla ?
Hola pro fe, un crud con esa Api se podrá hacer?
Hola! No, porque esa API es de jsonplaceholder es de un servicio externo.
como le puedo agregar un buscador y filtración de datos?
Aquí lo explico. Es muy simple y está el código fuente. Saludos.
ruclips.net/video/FpArxvAsdek/видео.html
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
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 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.
ruclips.net/p/PLrAw40DbN0l0ziD-_7LKx61xFhGjVbqbW
@@informaticadp se agradece
¿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?
Tengo problemas con los cors
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.
Tienes un crud desde una Api?
No, si encuentro hacemos video.
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!!!
Hay miles de ejemplos con fetch pero solo de carga de datos, nunca he visto un crud completo 😂
Estimado. Aquí está ruclips.net/p/PLrAw40DbN0l0CtcIRNmM5ZTM6o8Nmwdk5&feature=shared
Excelente Carnal, ahora mismo me lo veo gracias por el enlace
gracias
GRACIAS
Excelente!
Muchas gracias!!!