HTML

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 →

Conseguir Token API Brawl Stars y Consumir API

Registrarnos en la API para conseguir el TOKEN Nos registramos en la api, nos dirigimos a nuestra cuenta y le damos a la opción de crear KEY, en la que nos pedirá que metamos nombre, descripción y nuestra IP https://developer.brawlstars.com/#/. Una vez creada la KEY entramos y tenemos el TOKEN lo copiamos y nos lo guardamos para insertarlo en el codigo. En nuestro proyecto hacemos la petición de AUTHORIZATION string enlaceJugadores = "https://api.brawlstars.com/v1/players/%23"; HttpClient cliente = new HttpClient(); cliente.DefaultRequestHeaders.Add("accept", "application/json"); //Importante el BEARER antes del TOKEN cliente.DefaultRequestHeaders.Add("authorization", "Bearer TOKEN"; try { var playerresponse…continue reading →

Creacion de carrito con cantidades usando session en .Net Core

En este post vamos a enseñar como añadir productos con sus cantidades a un carrito usando Session en .Net CorePrimero instalamos los siguientes NuGet Después configuramos el appsettings, añadiendo nuestra conexión a la base de datos Ahora en Program añadimos Session para que funcione en nuestro proyecto Creamos una nueva carpeta llamada Extensions Y dentro un archivo llamado SessionExtensionHaremos un using a JsonConvert https://www.flickr.com/photos/197088457@N08/52787844742/in/dateposted-public/ Ahora en nuestra carpeta Model creamos una clase Productos Ahora creamos un carpeta Data donde vamos a tener nuestro Context https://www.flickr.com/photos/197088457@N08/52788628959/in/dateposted-public/ Después creamos un nuevo Repositorio llamado RepositoryProductos donde…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 integrar BULMA en Vue

¿Qué es BULMA? ¿Cómo se integra Bulma en Vue? A menudo nos encontramos en la situación de hacer una pagina web en el framework Vue pero no sabemos cómo hacer que nos quede presentable a nivel de diseño, para ello, hay un framework de CSS que se llama "Bulma", esta tiene librería que nos permitirá hacernos el trabajo de diseño mucho más sencillo ya que tiene muchos componentes los cuales podrás utilizar, modificar a nuestro gusto. Crea una carpeta para almacenar el proyecto-Vue: C:\Users\Sarto\Desktop\VUE BULMA Crea un proyecto Vue dentro de la consola…continue reading →