pucha al fin, alguien con cerebro y que si sepa lo que hace, explica como debe ser y que sea en español. llevo rato viendo videos de gente no sabe lo que hace y solo copia lo que otros han dicho. muchas gracias Pablo, necesitaba refrescar.
Hermano no sabes como me salvaste la salud mental. Explicas muy claro todo. Venia renegando con un CRUD que no me salia y me corregiste el codigo. Decir que te quiero mucho queda corto
Hola Pablo!!! Muchas gracias por compartir tus conocimientos y hacerlo de forma magistral... estuve intentando agregar un tercer boton; con el cual, al hacer click muestre en pantalla un modal con la imagen correspondiente a cada item; he llegado a mostrar el modal pero no puedo insertar la imagen, que opínas, es posible??? estos son mis añadidos en el intento: const myModalImg = new bootstrap.Modal(document.getElementById("staticBackdrop")); window.mostrarModalImg = (id) => { console.log(id) let index = datos.findIndex((item) => item.id == id); document.querySelector("#imagenModal").value = datos[index].imagen; myModalImg.show() } y el nuevo boton:
muy bueno, solo faltaria saber como persistir los datos en ese archivo json, osea que al modificar algo, tambien se ejecute un clase que guarde los datos en el archivo datos.json, se que para eso se deberia usar una base de datos al cual se acceda desde el backend o utilizar localstorage, pero hay ciertos proyectos que necesitan persistencia y que no requieren ninguna seguridad.
Hola! Estoy teniendo un problema al querer cargar el json de la manera que lo haces vos! Uncaught SyntaxError: Unexpected identifier 'assert' Si alguno tiene el mismo problema pude hacerlo con fetch fetch("./data/data.json") .then((response) => { if (!response.ok) { throw new Error("Error al cargar el archivo JSON"); } return response.json(); }) .then((datos) => { console.log(datos); }) .catch((error) => { console.error("Error:", error); }); pero desconozco realmente por que no me funciona o da error el assert.
@@pablomarino que tal!, en mi caso uso puse , type="module" igual hay un error, tmb puse en el package.json "type": "module" el mismo error. La solución con ello, es la que brinda el compañero
buenas , genial video , pero no se porque a mi nada mas me funciono hasta el minuto 26:30 , despues de eso no avanzo mas , el crud se queda donde esta , no es problema de server , no es problema del import/ export , hasta copie tu codigo de descarga , todos los archivos los copie y pegue y aun asi nada, el crud no importa lo que haga se queda ah y , no se realmente que pasa
@@keycv4470 cuando nos referimos a Javascript vainilla hablamos de Javascript sin librerías o frameworks externos. En otras palabras es código Javascript puro
@@pablomarino es que vi que en vez de declararlas como funciones las declaras como constante, porque vi que llamabas la constante y pues esa era mi duda
@@pablomarino si agregué el script y los íconos si se ven si los pongo en el documento HTML, pero si los uso en el archivo js no se ven, solo se ve el borde naranja del botón, no sé por qué, pero bueno, en su lugar usé imágenes png
Ahí lo vi. Lo que tenés que hacer es marcar el primer dato que querés modificar y luego presionas Ctrl+d para que te marque el siguiente elemento igual y allí modificas ambos al mismo tiempo. Son atajos de Vscode
Hola al momento de querer poner el cuerpoTabla en el js me aparece en consola: Uncaught TypeError: cuerpoTabla.append is not a function, ya intente de todo para que funcione pero siempre me aparece lo mismo, me podrias apoyar?
pucha al fin, alguien con cerebro y que si sepa lo que hace, explica como debe ser y que sea en español. llevo rato viendo videos de gente no sabe lo que hace y solo copia lo que otros han dicho. muchas gracias Pablo, necesitaba refrescar.
Muchas gracias. Me sirvió bastante en algo que estaba atascado.
Lo mejor de todo es que entiendo lo que vas haciendo por que explicas todo de una forma muy facil de entender saludos desde chile
Genial, gracias por tu ayuda en el 2024.
explicas muy bien
Hermano no sabes como me salvaste la salud mental. Explicas muy claro todo. Venia renegando con un CRUD que no me salia y me corregiste el codigo. Decir que te quiero mucho queda corto
Muchas gracias Pablo, muy buen material, esto me acerca un poco más a mi meta 🆗
Excelente Pablo! A practicar nomas 💪💪 Saludos!
Muy lindo el curso, gracias por compartir!!!
Me gustó! Muy bueno
Que capo sos Pablooo
Saludos desde Perú crack
Excelente!!!
Hola, excelente video. Me gustaria saber si hay alguna forma de que la implementación inicial sea mediante TypeScript, me serviría demasiado.
CRUD..sería el ABM de los 90...
Hola Pablo!!! Muchas gracias por compartir tus conocimientos y hacerlo de forma magistral... estuve intentando agregar un tercer boton; con el cual, al hacer click muestre en pantalla un modal con la imagen correspondiente a cada item; he llegado a mostrar el modal pero no puedo insertar la imagen, que opínas, es posible??? estos son mis añadidos en el intento:
const myModalImg = new bootstrap.Modal(document.getElementById("staticBackdrop"));
window.mostrarModalImg = (id) => {
console.log(id)
let index = datos.findIndex((item) => item.id == id);
document.querySelector("#imagenModal").value = datos[index].imagen;
myModalImg.show()
}
y el nuevo boton:
muy bueno, solo faltaria saber como persistir los datos en ese archivo json, osea que al modificar algo, tambien se ejecute un clase que guarde los datos en el archivo datos.json, se que para eso se deberia usar una base de datos al cual se acceda desde el backend o utilizar localstorage, pero hay ciertos proyectos que necesitan persistencia y que no requieren ninguna seguridad.
Sacaré una segunda parte para explicar eso. Gracias por la sugerencia 😉
@@pablomarino Si salió esa segunda parte?
@@ryuzakibakura8229 th-cam.com/video/ad-WgkYqRRE/w-d-xo.htmlsi=LtCZ1HuFZZRZ5FTw
Hola! Estoy teniendo un problema al querer cargar el json de la manera que lo haces vos!
Uncaught SyntaxError: Unexpected identifier 'assert'
Si alguno tiene el mismo problema pude hacerlo con fetch
fetch("./data/data.json")
.then((response) => {
if (!response.ok) {
throw new Error("Error al cargar el archivo JSON");
}
return response.json();
})
.then((datos) => {
console.log(datos);
})
.catch((error) => {
console.error("Error:", error);
});
pero desconozco realmente por que no me funciona o da error el assert.
@@yaelalbornoz-t9x estás usando type="module"?
@@pablomarino que tal!, en mi caso uso puse , type="module" igual hay un error, tmb puse en el package.json "type": "module" el mismo error. La solución con ello, es la que brinda el compañero
buenas , genial video , pero no se porque a mi nada mas me funciono hasta el minuto 26:30 , despues de eso no avanzo mas , el crud se queda donde esta , no es problema de server , no es problema del import/ export , hasta copie tu codigo de descarga , todos los archivos los copie y pegue y aun asi nada, el crud no importa lo que haga se queda ah y , no se realmente que pasa
Que diferencia tiene el vanilla al javascript normal?
@@keycv4470 cuando nos referimos a Javascript vainilla hablamos de Javascript sin librerías o frameworks externos. En otras palabras es código Javascript puro
hola buenas tardes vi que las funciones las declaras como constantes, me genero dudas sobre eso, excelente trabajo por lo demas sigue asi!!
Buenas!! Cuál es la duda? Quizás pueda responderte
@@pablomarino es que vi que en vez de declararlas como funciones las declaras como constante, porque vi que llamabas la constante y pues esa era mi duda
@@miguelperez5413 ah bien esas se llaman funciones anónimas y se usan para funciones de flecha. Te gustaría un vídeo donde explique más al respecto?
claro, me gustaria mucho para entender mas el concepto, muchas gracias por el apoyo
el segundo paso será conectar eso mismo a una base de datos con SQLServer
no me funcionan los íconos cuando los pongo en js, aparecen en blanco
Te fijaste que tengas el script de font-awesome agregado en el index.html? Fijate a partir del minuto 32 😉
@@pablomarino si agregué el script y los íconos si se ven si los pongo en el documento HTML, pero si los uso en el archivo js no se ven, solo se ve el borde naranja del botón, no sé por qué, pero bueno, en su lugar usé imágenes png
¿Como copiaste los document saltando el igual?
Hola! En qué minuto del video sería así te lo explico?
Ahí lo vi. Lo que tenés que hacer es marcar el primer dato que querés modificar y luego presionas Ctrl+d para que te marque el siguiente elemento igual y allí modificas ambos al mismo tiempo.
Son atajos de Vscode
Hola al momento de querer poner el cuerpoTabla en el js me aparece en consola: Uncaught TypeError: cuerpoTabla.append is not a function, ya intente de todo para que funcione pero siempre me aparece lo mismo, me podrias apoyar?
No veo el modal