- 73
- 223 889
Punto Json
Argentina
Приєднався 1 жов 2022
Hola! Soy Calo y soy profe en la universidad de desarrollo web.
Hago proyectos en videos largos y bien explicados para que armes tu portfolio (tanto de habilidades como de proyectos) y explico temas que no podés obviar si querés ser programador web.
No sólo vamos a usar HTML, CSS , Javascript , sino que en otros videos vamos más allá y usamos Typescript, Angular, Ionic y un montón de otras tecnologías.
Espero que me des tu companía, porque con tomar mate todo el día no me alcanza, ¡y a programar!
Comunidad: discord.gg/PNjH3Te9
Hago proyectos en videos largos y bien explicados para que armes tu portfolio (tanto de habilidades como de proyectos) y explico temas que no podés obviar si querés ser programador web.
No sólo vamos a usar HTML, CSS , Javascript , sino que en otros videos vamos más allá y usamos Typescript, Angular, Ionic y un montón de otras tecnologías.
Espero que me des tu companía, porque con tomar mate todo el día no me alcanza, ¡y a programar!
Comunidad: discord.gg/PNjH3Te9
Novedades en Angular 19
Salió Angular 19 y hay muchas novedades. ¿Es la hora de actualizar?
Vamos a ver las novedades que más me interesan y charlamos un poco entre algunos matecitos respecto del valor de tener tus proyectos actualizados.
Resúmen:
* Cambios en standalone, ahora standalone es true por defecto. Se cambia con ng update.
* Los efectos ahora tienen allowSignalWrites en true por defecto
* Las nuevas maneras de escribir los input, output, model viewChild (signal-based query) como señales están ahora marcadas como estables. El @let es estable también.
* Angular material, parece ser que ahora sí es fácil crear temas y modificar los componentes de material.
* LinkedSignal: Como una señal computada, pero se puede actualizar a mano, y cuando se tiene que computar automáticamente se vuelve a actualizar.
* Resource y exResource: Es el acercamiento de las señalas al asincronismo. Es básicamente una manera de hacer fetches automáticamente (reactivamente) cuando cambia una señal, y tener de manera gratuita una variable con el estado de la carga, o el error. también viene con funcionalidad para cancelar la carga, o para resolicitar la carga.
* Hidratación incremental, ahora podemos elegir que partes de nuestra app vienen con server side rendering y cuando se cargan con client side.
* this.variable usado en un template ahora hace referencia a la propiedad de clase y no a la variable del template
Timestamps:
01:22 Standalone true por defecto
02:17 Apis marcadas como estables
02:51 Fix referencia de @let
03:55 Temas de Angular Material
04:47 Linked signals
06:58 Resources
11:02 Actualizamos?
Vamos a ver las novedades que más me interesan y charlamos un poco entre algunos matecitos respecto del valor de tener tus proyectos actualizados.
Resúmen:
* Cambios en standalone, ahora standalone es true por defecto. Se cambia con ng update.
* Los efectos ahora tienen allowSignalWrites en true por defecto
* Las nuevas maneras de escribir los input, output, model viewChild (signal-based query) como señales están ahora marcadas como estables. El @let es estable también.
* Angular material, parece ser que ahora sí es fácil crear temas y modificar los componentes de material.
* LinkedSignal: Como una señal computada, pero se puede actualizar a mano, y cuando se tiene que computar automáticamente se vuelve a actualizar.
* Resource y exResource: Es el acercamiento de las señalas al asincronismo. Es básicamente una manera de hacer fetches automáticamente (reactivamente) cuando cambia una señal, y tener de manera gratuita una variable con el estado de la carga, o el error. también viene con funcionalidad para cancelar la carga, o para resolicitar la carga.
* Hidratación incremental, ahora podemos elegir que partes de nuestra app vienen con server side rendering y cuando se cargan con client side.
* this.variable usado en un template ahora hace referencia a la propiedad de clase y no a la variable del template
Timestamps:
01:22 Standalone true por defecto
02:17 Apis marcadas como estables
02:51 Fix referencia de @let
03:55 Temas de Angular Material
04:47 Linked signals
06:58 Resources
11:02 Actualizamos?
Переглядів: 1 374
Відео
Deploy de proyecto de Angular y NodeJs gratis - Curso completo de Angular (parte final)
Переглядів 2743 місяці тому
Vamos a hacer el despliegue de nuestras aplicaciones a la nube, sin gastar dinero. Vamos a subir nuestro frontend a netlify y nuestro backend a render. Con este video finalmente terminamos con el curso. ¿Qué te pareció? ¡Te leo acá abajo! Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que el curso te guste! Frontend: Angular 18 Backend: NodeJs con Socket.io ...
Arreglos de bug varios - Curso completo de Angular (parte 12)
Переглядів 1453 місяці тому
El desarrollo de software no es generalmente lineal, es iterativo e incremental, por eso aunque pienses que tenés todo planeado, siempre hay que volver atrás a revisar lo que hiciste, por eso en este video vamos a pulir algunos rincones de la app que quedaron con errores. Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que el curso te guste! Frontend: Angular...
Dejamos lindo y prolijo todo el proyecto - Curso completo de Angular (parte 11)
Переглядів 1894 місяці тому
Nos metemos a fondo con los estilos del proyecto, para dejarlo en su estado final, revisamos HTML y CSS, creamos una animación clásica para marcar la posición ganadora y tratamos de dejar todo lindo. Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que el curso te guste! Frontend: Angular 18 Backend: NodeJs con Socket.io MIrá el curso entero: ua-cam.com/play/P...
Animaciones y proyección de Contenido en Angular - Curso completo de Angular (parte 10)
Переглядів 2844 місяці тому
Revisamos 2 temas que no suelen aparecer tanto dentro de Angular: Animaciones de Angular o Angular Animations : Para hacer animaciones y transiciones más avanzadas que con CSS simple. Proyecciones de contenido o content projections : Para "inyectar" contenido html dentro de un componente desde otro componente. Con eso vamos a hacer los modales de notificación de estado del juego. Si te gusta el...
Terminamos la lógica del juego - Curso completo de Angular (parte 9)
Переглядів 1714 місяці тому
Tenemos estados de juego funcionales, estados de juegos para el jugador 1 y 2, estados de abandono para cuando un jugador abandona la red. También podemos avanzar las rondas y crear una nueva partida al terminar las 3 vidas de un jugador. Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que el curso te guste! Frontend: Angular 18 Backend: NodeJs con Socket.io ...
Ya podemos empezar a jugar! - Curso completo de Angular (parte 8)
Переглядів 2344 місяці тому
Ya podemos sicronizar distintos clientes y compartir datos en tiempo real. También podemos arrancar a jugar y que cada uno ponga su marca en el tablero. Ya nos vamos acercando a tener un producto funcional. Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que el curso te guste! Frontend: Angular 18 Backend: NodeJs con Socket.io MIrá el curso entero: ua-cam.com...
Sincronización de datos entre salas con socket.io - Curso completo de Angular (parte 7)
Переглядів 3044 місяці тому
Subimos un nivel a las uniones a las salas con las que arrancamos el video pasado. Creamos el código que nos permite a nuestro cliente de Angular 18 conectarse a las salas públicas y privadas de nuestro servidor de Node utilizando socket.io, obteniendo el nombre del otro jugador (si existe) y recibiendo actualizaciones del servidor. Si te gusta el desarrollo web y en particular el desarrollo de...
Creación de salas de juego públicas con socket.io - Curso completo de Angular (parte 6)
Переглядів 6715 місяців тому
Creamos el código que nos permite a nuestro cliente de Angular 18 conectarse a las salas públicas de nuestro servidor de Node utilizando socket.io. Cerca de la mitad la captura de pantalla empieza a funcionar un poco trabada, pero creo que se entiende igual. Me voy a tener que manejar con más cuidado en el futuro! Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espe...
Proyecto de NodeJs y websockets con Socket.io - Curso completo de Angular (parte 5)
Переглядів 8945 місяців тому
Creamos nuestra segunda aplicación que es un servidor que utilizará sockets para trasmitir información a nuestra aplicación de Angular. También trabajamos con socket.io en Angular y conectamos ambas aplicaciones. Todo esto previa explicación de qué es websockets y en qué se diferencia de el protocolo HTTP. Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que e...
Servicios, señales y guards en Angular 18 - Curso completo de Angular (parte 4)
Переглядів 1,5 тис.5 місяців тому
Miramos algunos conceptos claves de Angular y algunos más avanzados. Hablamos de Servicios de angular, guards y redirecciones, signals o señales (junto con los effects o efectos), usamos angular forms e inclusive hablamos de detección de cambios y de lo que significa dejar de usar Zone.js en el futuro (ir zoneless). Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, es...
Creemos una interfaz similar a una consola retro en Angular 18 - Curso completo de Angular (parte 3)
Переглядів 1,1 тис.5 місяців тому
En este video vamos a trabajar en componentes estéticos de la aplicación, así nos vamos acosturmbrando al ritmo de trabajo mientras vamos practicando conceptos de desarrollo web como el uso de SCSS, variables en hojas de estilos y componentes de angular. Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que el curso te guste! MIrá el curso entero: ua-cam.com/pl...
Creación de proyecto y ruteo en Angular 18 - Curso completo de Angular (parte 2)
Переглядів 2,6 тис.6 місяців тому
En este video vamos a instalar nodejs y angular cli, para poder crear nuestro proyecto de Angular 18 y empezar a ver temas como componentes y ruteo (routing). Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que el curso te guste! MIrá el curso entero: ua-cam.com/play/PL3Qv7aeTNq0dyuTX0bAO5DVuFe8w93f0z.html Link del repositorio: github.com/cacalo/ta-te-ti-onli...
Curso completo de Angular 18 - Presentación
Переглядів 1,6 тис.6 місяців тому
En este video te presento lo que va a ser el curso de Angular 18 Vamos a ver montones de temas: Componentes, servicios, señales, proyección de contenido, guards, animaciones, conexión con websockets (con socket.io), creación de backend, etc. Si te gusta el desarrollo web y en particular el desarrollo de aplicaciones, espero que el curso te guste! Link del repositorio: github.com/cacalo/ta-te-ti...
Cómo enviar mails de manera segura desde frontend con Netlify Functions
Переглядів 1,1 тис.11 місяців тому
En este video tutorial de desarrollo web aprendemos como enviar emails desde nuestra aplicación de Angular de manera segura, sin escribir un servidor de backend y completamente gratis (sin pagar por procesamiento backend). Vamos a usar las Netlify Functions o las AWS Lambda (que son practicamente lo mismo) con Nodemailer y Dotenv para lograr enviar correos electrónicos sin publicar nuestras con...
Por qué creo todos mis proyectos con SSR en Angular
Переглядів 3,6 тис.11 місяців тому
Por qué creo todos mis proyectos con SSR en Angular
Lista desplegable usando funcionalidades nuevas de HTML, CSS y Javascript
Переглядів 2,3 тис.Рік тому
Lista desplegable usando funcionalidades nuevas de HTML, CSS y Javascript
Como migrar a Angular 17 desde versiones anteriores
Переглядів 4 тис.Рік тому
Como migrar a Angular 17 desde versiones anteriores
Despligue de la aplicación a producción - Curso Frontend con Angular: parte 17 (video final)
Переглядів 995Рік тому
Despligue de la aplicación a producción - Curso Frontend con Angular: parte 17 (video final)
Retoques y arreglo de errores - Curso Frontend con Angular: parte 16
Переглядів 601Рік тому
Retoques y arreglo de errores - Curso Frontend con Angular: parte 16
Enviar mensaje de pedido por Whatsapp - Curso Frontend con Angular: parte 15
Переглядів 912Рік тому
Enviar mensaje de pedido por Whatsapp - Curso Frontend con Angular: parte 15
Búsqueda de productos - Curso Frontend con Angular: parte 14
Переглядів 652Рік тому
Búsqueda de productos - Curso Frontend con Angular: parte 14
Formulario de perfil - Curso Frontend con Angular: parte 13
Переглядів 559Рік тому
Formulario de perfil - Curso Frontend con Angular: parte 13
Página del carrito - Curso Frontend con Angular: parte 12
Переглядів 535Рік тому
Página del carrito - Curso Frontend con Angular: parte 12
Servicio de carrito - Curso Frontend con Angular: parte 11
Переглядів 574Рік тому
Servicio de carrito - Curso Frontend con Angular: parte 11
Página de producto individual - Curso Frontend con Angular: parte 10
Переглядів 658Рік тому
Página de producto individual - Curso Frontend con Angular: parte 10
Lista de productos - Curso Frontend con Angular: parte 9
Переглядів 917Рік тому
Lista de productos - Curso Frontend con Angular: parte 9
Categorías - Curso Frontend con Angular: parte 8
Переглядів 981Рік тому
Categorías - Curso Frontend con Angular: parte 8
Header - Curso Frontend con Angular: parte 7
Переглядів 1,5 тис.Рік тому
Header - Curso Frontend con Angular: parte 7
gracias
Que buen resumen!!! Cómo nos está simplificando el trabajo ... Antes un montón de líneas de código .. ahora muchas menos!!
Muy bueno el video, te hago una consulta. Yo tengo un proyecto en el que el carrito lo traigo desde una base de datos. Si aplico el codigo que vos pones, sirve? Por q tu json lo traes desde el archivo bicicletas.js. yo tengo lo mismo, pero aparte de eso va a mongo. Vi el video y me parecio muy bueno pero tengo miedo de empezar a adaptar a mi código y que no funcione. Gracias!
Deberias meter la opcion "Colaborar" en tu cuenta de youtube. Gracias!
Excelente video muy bien explicado
estoy usando las siguientes versiones: Angular CLI: 19.0.0 Node: 22.11.0 Package Manager: npm 10.9.0 y cuando creo un proyecto no me genera el app.module.ts y chatgpt me dice que porque desde la version 16 de angular usa los standlone y ya no genera el app.module.ts, es asi o que hago?
como puedo hacer que esos registros se guarden en mysql?
Para Angular 18, recomiendo colocar la carpeta data en public, esta carpeta esta fuera de src al mismo nivel pero los archivos dentro de la carpeta public/ deberían ser accesibles directamente en la raíz de tu servidor de desarrollo (ejemplo: localhost:4200). Quedando asi fetch("localhost:4200/data/database.json")
En mi area de trabajo se demorara como medio anio en migrar a la v19, pero supongo que es seguro usar los nuevos signas, model, input output en la v18, no?
Los nuevos signals, input y model a la larga va a ser la que va si querés la máxima performance, para en el futuro tener una app zoneless, fuera de eso podés seguir usando las propiedades de clase comunes que Angular viene usando desde el principio.
Mucho hype y mucho SSR
Estoy de acuerdo, creo que otras personas se muestran demasiado emocionados jajajaj
Gracias por hacer tan clara la explicación de lo nuevo, excelente profe !!
:)
Muchassss graciasss. Sabia que este canal trae joyitaaa. Porque vi el video oficial y lei la documentación pero me mareo así que graciasssss
QUe bueno que yo te haya parecido más claro que la documentación oficial! El video de presentación de Angular no fue el más claro de todos, pero las cosas más jodidas (el resource) las venía viendo hace un par de semanas asique por eso creo que las entendí al toque. Gracias por la onda.
En mi trabajo lo que hacemos es siempre actualizar 1 version anterior a la version actual estable, en una rama separada y de a poco ir tocandolo hasta que esté estable la app. En proyectos grandes no esta tan bueno tantas actualizacions seguidas como hace Angular, se torna molesto la verdad pero bueno asi es Angular.
Exactamente, se vuelve pesado, ni hablar si queremos hacer la actualización no sólo de lo superficial, sino revisar el código. Hubo casos en donde comencé una migración creando un proyecto de 0 y copiando archivos, para tener la estructura del proyecto actualizada
@@puntojson Si, si bien no hay necesidad de actualizar el tema es que no sabes cuando se viene un breaking change y ahi si se pone jodida la cosa
Buen video hermano te ganaste un subscriptor no hay muco de angular estos dias saludos
Gracias bro! Nos vemos en el siguiente
Muy bien explicado todo y una excelente ayuda en mi proyecto. Tengo una duda ¿Cómo podría ser para que no tenga que autentificarse el usuario, ya que no lo necesito, en otras palabras que solo pueda visualizar el contenido sin necesidad de loguearse? ¿Y es posible leer muchos campos de la tabla sin necesidad de que sea una coordinada en especifica Ej: GE 108, o necesariamente debe contener una cabecera?
Para evitar la autenticación tenés que usar lo que se llama una "service account" que es un usuario que se crea para poder acceder a ciertos recursos privados desde código. Lamentablemente Google deprecó la manera de hacerlo desde javascript en frontend, tenés que hacerlo desde algún backend, sino no sería seguro. Y sí, se puede leer muchos campos de la tabla, pero vas a tener que dar una coordenada, aunque sea sin fila (podés dar la columna sola). Sino si la hoja de cálculo está pública se puede leer todo el archivo de una con un link de sheets que te exporta el archivo en csv (buscalo).
@@puntojsonMuchas gracias por tu ayuda, revisare lo que comentas. Muy bueno tu canal ¡Sigue así!
Buenisimo el video!!!.. me gustaria saber como hacer para que la sesion se guarde, en vez de perderla cada vez que recargo la pagina
A Google no le gusta eso! Te da un token (sesión) que dura extremadamente poco para que no guardes la sesión. Para mantener una sesión por más tiempo vas a tener que trabajar con un backend, a quienes les dan tokens más largos.
Hola! Estoy aprendiendo JS y sirve mucho tanto para ejercitar como para aprender cosas nuevas, muchas gracias loko!
De nada! Éxitos en tu camino!
gracias , excelente video me ayudó mucho
De nada!
Super crack!! De verdad muchas gracias, he avanzado muchísimo con esto y en la practica. Gracias por la dedicacion, me encanto la explicacion!!!
De nada! Gracais a vos por pasarte!
Gracias por tus videos, soy profe de Informatica y me sirven mucho.
Somos colegas entonces :) Gracias por tu mensaje!
Excelente, excelent
Graciasss!
Excelente trabajo amigo. Gracias y saludos.
Gracias! Suerte en tu camino de aprendizaje!
Busque como hostear una pagina, y termine encontrando un curso completo de Git y GitHub en menos de 30 minutos, vine buscando cobre y encontre oro.
El video dura 1:30 horas, pero me tomo 3 dias para poder seguirlo. aun asi logre entender cada paso! gracias chabon sos groso!
Así es como me gustaría que la gente mire mis "paso a paso"! Felicitaciones por tu dedicación.
Simplemente fabuloso. Gracias por tu colaboración.
Lo has hecho perfecto y nos has ayudado muchísimo. Gracias
Hola Calo. Cómo evitamos entregar el archivo node_modules para producción, lo suprimimos simplemente o ¿cómo hacemos? Gracias de antemano.
Para no enviar la carpeta node_modules tenemos que crear un archivo .gitignore en donde se dice que arhcivos no se comparten cuando creamos un repositorio de git. Si se comparte el proyecto de manera manual, se borra la carpeta noda_modules y listo. Recordá que siempre del lado del destinatario hay que ejecutar "npm install" para que se vuelvan a crear los archivos no compartidos!
gracias brooooooooooo, no use los comandos en el cmd porque tenia el githubdesktop..., lo demas me srivio
si los productos los estuviese leyendo desde una DB con php, como puedo entonces hacer para agregarlo al localstorage? yo intenté meter un script de js hasta abajo del while con PHP pero no me funcionó
Si PHP está corriendo en un servidor (una pc que no es la del cliente) entonces no hay localstorage, que es una propiedad exclusiva del navegador. Si querés acceder al localstorage del cliente asegurate de enviar código javascript al cliente que contenga los setItem y getItem.
Excelente clase.
Graciass!!
Me saco el sombrero Calo, eres un genio la verdad, tu didáctica, tu forma de hablar, tus conocimientos, tu forma de resolver los problemas, tu sencillez al explicar, tu paciencia, tu carisma y un fin de atributos que me dejan asombrado. Seguí al pie de la letra todo tu curso, en silencio y aplicando lo que hiciste a lo largo de todo el curso. La verdad eres Genial. Un millón de gracias!!!
Faaaaa que lindo mensaje 🥹😭 Éxitos en tu camino del desarrollo! :)
Te amo sos el mejor
Gracias! Nos vemos en otro video :)
Excelente parte del curso. Muchas gracias estoy aprendiendo muchisimo con este curso. Saludos
Excelente clase del dia de hoy. Muchas gracias por compartir el desarrollo de este proyecto. Espero con ansias terminar este proyecto :D. Saludos
Excelente parte del curso. Temas muy bien explicados. Me encantó la esta parte del curso. :D
Wow, estuve buscando por mucho tiempo a alguien que eplique tan impresionante el tema de angular, y al fin lo he encontrado. Voy en el segundo video y realmente he aprendido muchisimo. En verdad muchas gracias por el contenido tan valioso que has compartido. Saludos
Que gran introducción. Saludos
Voy a empezar a estudiar este curso porque tengo mucha confianza en todo lo que me has enseñado y explicado hasta ahora. Gracias y Saludos.
Que bueno! Dale que se puede :) Suerte!
Perfecto profe. Gracias y saludos.
Como siempre buenísimo. Gracias profe Caló.
Me ha gustado y he disfrutado mucho con este curso. Gracias y saludos
Wow, la mejor explicación de todas. Saludos
Muchas Gracias bro, me gustaria que me hagas lo mismo pero con la base de datos, a mi me toco hacerlo con la base de datos y eso fue error tras error, pero lo logré.
Me lo han pedido mucho, asique quizás lo haga pronto!
eres el mejor!
Graciass!
Genio!!! Gracias por tu contenido
Y gracias a vos por estar y comentar :)
Estaba buscando alguna option que me funcionase como base de datos de un proyecto para un cliente. Es la digitalization de su menu el cual pueda ser accedido mediante qr. Si bien ya esta todo construido. Buscaba una forma sencilla, practica y muy facil de usar al cliente para que se encargue de mantener actualizada su lista de precios y productos. Esto porque no quiero gastarme un gran back porque es algo muy "sencillo" Supongo que esto podria funcionarme y darle el acceso a la google sheet a mi cliente. Cuestiones de que el haga las modificaciones en el sheet y se actualize en el front. No se, si estoy en lo correcto. Cualquier sugerencia te lo agredeceria. Para el front use react asi que seguro avanzare con node.js
Buenas! Perdón la tardanza. Lo que decís está muy bien, ni siquiera tenés que hacer un sheets privado para eso, total la info que hay es pública. Te hacés un sheets público (pero para editar sólo al autor), lo lees sin autenticarte y de ahí construís todo el menú.
Yo no se si son los 2 años que he venido estudiando y tragando información o es que vos haces magia para que todo quede tan claro que las dudas se discipan solas. Te encontre hace no mas de 1 mes. Y el avance en mis proyectos, conocimientos acentados ha sido increible. La verdad valoro mucho quienes logran dar en el clavo con algunas de las dudas que he tenido. Gracias Gonzalo por todo el material y las ganas. Que gran aporte, seguire capacitandome con vos sos increiblemente bueno explicando pero sobre todo, hacerte entender y seguir es muy simple.
Me hacés emocionar..! Gracias! gracias y más gracias! Seguramente que vengas estudiando hace 2 años tiene mucho que ver con tu progreso! Suerte con todo y ojalá te vea en otro video dando vueltas!
yo arme algo asi con flask Y pyinstaller, ahora tengo una duda, existe un limite de solicitudes que se puede hacer a la Google Sheets API?
Sí, existe un límite para la versión gratuita pero es enorme, mucho más de lo que vas a usar de manera personal. Si tenés que hacer ya millones de solicitudes mensuales podés empezar a pagar la API y tener acceso ilimitado.
tenes conocimiento de la api de maps para validar dirección de clientes ?
@@franbertinatti No, no trabajé con maps todavía :/ Pero leyendo acá developers.google.com/maps/documentation/address-validation/overview?hl=es-419#:~:text=With%20the%20Address%20Validation%20API%2C%20you%20can%20determine%20if%20an,to%20your%20customers%20to%20correct. te digo que no parece tan complicado, ya que hay una api hecha exclusivamente para tu caso de uso.
Estan buenisimos los videos. Muchas gracias pero me trabé en esto hace horas. Hago el fetch y me sale un Error 404, y el siguiente mensaje me sale en la consola. Que podria hacer? ERROR TypeError: Failed to parse URL from ./../../../assets/data/database.json