React Google Maps

¿Cómo utilizar Google Maps en React? Como ya es sabido por todos Google Maps es un servidor de aplicaciones de mapas en la web con infinitas posibilidades de uso, En este tutorial vamos a mostraros la manera más sencilla de tener un componente React capaz de mostrar un mapa de Google Maps con las cordenadas deseadas, muy útil para empresas y desarrolladores que deseen agregarlo sus proyectos. Tutorial. Lo primero que debemos hacer es instalar Node.js https://nodejs.org y comprobar su versión con el comando “ node -v “ una vez hecho esto comprobamos…continue reading →

Introducción a Material en Angular

Hola, bienvenidos a este nuevo post donde veremos una breve introducción a Material en Angular. ¿Qué es Material? Es un kit de componentes que nos permite incorporar elementos tales como botones, tablas, paginadores con un diseño, animaciones creados ya predeterminados. A continuación se empezará la explicación desde cero, necesitamos Visual Studio Code y la consola de Windows para poder trabajar. Empecemos! Para crear el proyecto debemos abrir la terminal de Windows e ir hacia la ruta que deseemos para guardar nuestro proyecto, nosotros lo haremos en una carpeta en el escritorio llamada Angular.…continue reading →

Lectura Servicios API en Angular

En esta ocasión lo que haremos es mostrar el paso a paso detalladamente para leer un servicio API que hemos creado en Azure, se trata de consultas de selección de todos los alumnos, por curso y por detalles de alumno.La URL que usaremos será: https://apialumnos.azurewebsites.net/ la cual contendrá todos las consultas de lectura del servicio. Las peticiones serán: Alumnos: URL + api/Alumnos Alumnos por Curso: URL + api/Alumnos/detallesAlumno/{codigo} Detalles Alumno: URL + api/Alumnos/getalumnosGrado/{grado} Bien, lo primero que haremos es ir a la ruta de la dirección donde queremos guardar nuestro proyecto, utilizaremos una…continue reading →

Encriptar/Desencriptar con Angular

En este post vamos aprender como encriptar y desencriptar mensajes que enviamos por internet, asi conseguiremos aumentar la seguridad entre usuarios y dar un valor añadido a nuestras webs Mediante unos sencillos pasos entenderemos como funciona y como podemos aplicar estos conociemientos en un pequeño proyecto para ver su funcionalidad Para enteder bien este post empezaremos ententiendo que es Encriptar y Desencriptar : Encriptar es el proceso por el cual se cifra un texto usando una clave , esta clave es un codigo de signos que se interpretan segun determinadas reglas para que…continue reading →

Implantación de Docker en Aplicación NET CORE

Nos disponemos a realizar una aplicación MVC Core integrando Docker.  en este proyecto usaremos MariaDB como base de datos.  Pero antes de comenzar, veamos brevemente qué es Docker. ¿Qué es Docker? Docker es una herramienta diseñada para facilitar la creación, implementación y ejecución de aplicaciones mediante el uso de contenedores. Los contenedores permiten a un desarrollador empaquetar una aplicación con todas las partes que necesita, como librerías y otras dependencias, y enviarla como un paquete rápidamente. https://flic.kr/p/2iuUUE4 Como puede ver en el diagrama, todas y cada una de las aplicaciones se ejecutan en…continue reading →

Chat con SignalR .net Framework

Bienvenidos a este post donde veremos como crear un chat en Visual Studio con .net framework y SignalR. Primero ¿Qué es SignalR? Es una librería que nos permite implementar funcionalidad en tiempo real a nuestro proyecto. Una utilidad que se le da a SignalR es poder crear chats en tiempo real, existen otras formas de usarlo, como por ejemplo un ajedrez donde los jugadores verán los movimientos en tiempo real. Comencemos: Primero debemos abrir nuestro Visual Studio y seleccionar "Create new project" https://flic.kr/p/2ivtW8y Una vez hemos pulsado en "Create new project" nos aparecerá…continue reading →

Inyeccion de Dependencias con Unity ASP.NET MVC

Crearemos un nuevo proyecto ASP.NET Web Application (.NET Framework) con MVC https://flic.kr/p/2ium2H9 https://flic.kr/p/2iupKrN Una vez creado, vamos a descargar los Nugets que necesitamos para nuestro proyecto. Es importante que el archivo Web.config esté cerrado al descargarlos para que luego no haya problemas o errores por que no aparecen en nuestro Web.config https://flic.kr/p/2ium2FR Verificamos que una vez instalado, dentro de la carpeta App_Start nos haya creado dos clases: UnityConfig.cs y UnityMvcActivator.csEsto es solo como referencia para saber que nos ha instalado correctamente, en otro momento veremos lo que tenemos que hacer con esos archivos...…continue reading →

Gráficos en Xamarin con Microcharts

Los gráficos son algo con lo que cualquier desarrollador se acaba topando en algún momento de su carrera. Mi objetivo con este post es hacer que esa experiencia no sea algo traumático y que podamos entregar un trabajo profesional sin la necesidad de sufrir un infierno por ello Microcharts El NuGet de Microchart nos permite hacer gráficos responsive en nuestras aplicaciones Xamarin de una forma muy cómoda y sencilla. Con declarar una simple lista de elementos y asignarlos al control nuestros problemas desaparecen como por arte de magia. Comenzemos Vamos a crear un…continue reading →