Full Stack

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 →

Configuración básica de Visual studio Enterprise

Muy buenas! En este Post vamos a configurar un poco nuestro Visual Studio Enterprise, para que nos ayude un poquito a la hora de programar. Comenzamos! En primer lugar debemos tener ya instalado dicho programa, en caso contrario te dejo el enlace de descarga. Una vez tengamos el programa tenemos dos opciones para llegar a las configuraciones. La primera opción es donde pone: Continue without code. https://flic.kr/p/2oqdVLN Como segunda opción es meternos dentro de cualquier proyecto creado previamente. En estos momentos deberiamos de visualizar un panel en horizontal en la parte superior del…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 →

Funcionamiento de Props en React de una aplicación de contactos

Los Props se refieren a las propiedades las cuales cumplen un rol importante en el proceso de desarrollo de una aplicación o página web. Los componentes son los bloques de construcción de React y estos componentes usan Props para mejorar su funcionalidad y poder reutilizar el código. Para enseñaros como utilizar Props en React, lo vamos a aplicar en una aplicación de contactos. https://flic.kr/p/2o2EtyS En primer lugar os enseñamos una tarjeta de contacto, donde contiene información, como su nombre, la foto , el número de teléfono y su correo electrónico. Lo hemos guardado en nuestro componente llamado index.js. Allí…continue reading →