JavaScript

Profundizando en las Props de React con una aplicación de Redes Sociales

https://www.youtube.com/watch?v=GCETu0bH_kIEn este post, explicaré las diferentes facetas de las props utilizando una simulación de una aplicación de redes sociales como contexto. Veremos la sintaxis, los tipos de datos y los patrones de diseño que hacen que las props sean un componente fundamental en el desarrollo de aplicaciones React. Introducción a las Props en React En el desarrollo de aplicaciones React, la comunicación efectiva entre componentes es clave. Aquí es donde entran en juego las props (propiedades). Las props permiten la transferencia de datos desde un componente "padre" a un componente "hijo", creando así…continue reading →

Cómo validar un formulario con DataAnnotations

¿Sabías que puedes validar un formulario de html fácil, rápido y sencillo con ASP Net Core? En este tutorial os voy a enseñar a como validar un formulario mediante DataAnnotations a través de un model. Antes de comenzar con el tutorial os voy a explicar que son los DataAnnotations. Los DataAnnotations son nos permite llevar a cabo validaciones de datos de acuerdo a nuestras necesidades. Esas necesidades son decoraciones que indicaremos a los miembros de nuestras entidades. Una decoración corresponderá a una validación. Hay mútiples tipos de validaciones desde un teléfono, un email,…continue reading →

Buscador en Form Select (SELECT2) ASP Net Core

En este post os voy a enseñar a cómo integrar un buscador o filtro que ayude al usuario final a encontrar el valor o valores que le interesen dentro los formularios de selección que contengan muchos elementos. SELECT2 es el buscador a utilizar Esta librería el cual encontrarás su enlace a la página oficial, es la que nos permitirá implementar el buscador para filtrar entre los infinitos elementos que podamos tener en un simple formulario select. Hace uso de Jquery para hacer la llamada a dicha librería Cómo implementar la librería de SELECT2…continue reading →

Integración de Google Maps en Net Core

En este post te mostraré cómo puedes integrar fácilmente Google Maps (https://developers.google.com/maps?hl=es-419) en tus proyectos de Net Core utilizando tan solo unas pocas líneas de código y aplicando JavaScript o JQuery. En este caso, nuestro objetivo final será implementar un buscador con autocompletado en el que, al pulsar en un botón o al introducir el texto de una localización, se nos muestre en nuestra aplicación un contenedor de Google Maps con dicha localización seleccionada. Google Maps es una herramienta muy popular y ampliamente utilizada, lo que la convierte en una excelente opción para…continue reading →

CÓMO ENRUTAR COMPONENTES EN VUE.JS (ROUTER VUE.JS)

Al hacer nuestros proyectos o aplicaciones normalmente siempre solemos tener varias páginas que queremos que visite el usuario. Para conseguir una correcta navegación front-end del usuario es necesario usar un enrutador(componente que sirve para enlazar unas páginas con otras posibilitando la navegación entre componentes de nuestro  proyecto). Cada framework de Javascript suele usar su propio enrutador(Router) y en este caso nos vamos a centrar en ver cómo usar el Router de vue.js. https://www.flickr.com/photos/197093915@N08/52525337715/in/dateposted-public/ Cuando trabajamos con Vue en un proyecto de una sola página el navegador no necesita enviar al servidor ningún cambio…continue reading →

Cómo leer y mostrar un excel en React

En esta sección os voy a enseñar como leer un archivo excel con sus múltiples hojas con React. Para ello vamos a usar una librería que nos permitirá leer el excel y usar sus métodos para manejar elfichero.Lo primero que debemos hacer es crear un proyecto en React Quitaremos el StrictMode para que no nos repita dos veces cada ejecución Lo primero que haremos será crear una carpeta components y dentro nuestro jsx llamado Excel (elnombre que tú quieras). Para mostrar los datos he usado Bootstrap, pero puedes usar la librería que tú…continue reading →