React-Select(SELECCION MULTIPLE)

https://flic.kr/p/2iHHbBg Es un control de entrada selectivo flexible para ReactJS con soporte de selección múltiple, autocompletado, asíncrono y creatable. Esta creado por Jed Watson React Select está financiado por Thinkmill y Atlassian. Característica Enfoque flexible de los datos, con funciones personalizables.API de estilo extensible con emociónAPI de inyección de componentes para un control completo sobre el comportamiento de la interfaz del usuarioAccesorios de estado controlables y arquitectura modularFunciones solicitadas durante mucho tiempo como grupos de opciones, soporte de portal, animación y más Props comunes autoFocus - enfoca el control cuando se montaclassName - aplicar un className al…continue reading →

Login red social React

Es este tutorial aprendrás a iniciar sesión mediante una red social. En este proyecto utilizaremos la herramienta Firebase que nos facilitará el desarrollo de nuestra aplicación. En su plataforma donde podremos anclar y pedir permisos a la aplicaicón de terceros para poder inciar sesión a partir de las redes sociales. Tutorial Primero abrimos el símbolo de sistema de Windows. Agregamos el comando create-react-app y a continuación creamos el nombre del proyecto. Ej: npx create-react-app tutorialenfirebase A continuación, instalaremos las librerías de Firebase: entramos a la carpeta de nuestro nuevo propyecto :np tutorialenfirebase. yarn…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 →

Subir Archivos de Imagen en Angular con API

En este proyecto veremos como subir imágenes a una Base de Datos atreves de una API, para empezar el siguiente proyecto necesitaremos varios requisitos: Tener una Base de Datos donde guardar el archivoTener un enlace o crear una API para la subida del archivo En mi caso la API tiene un modelo Archivo en el que tendra 3 campos: IDNombre de la imagenTipo Upload-File.component export class Archivo { constructor( public id: number, public nombre: string, public imagen: string ) {} } Y un repositorio el cual recibirá un objeto tipo "Archivo" y lo…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 →

Primeros pasos con Cognitive Services de Azure

En este post explicaré cómo analizar las características visuales que puede tener el contenido de una imagen. 0.5.Crear el servicio en Azure (Dar clicks) Comenzaremos creándonos un proyecto en .NET Core, una Web Application. Seleccionamos que sea de tipo API, esta es la parte de la aplicación que contendrá las llamadas al servicio que nos creamos en Azure, con sus claves las cuales no nos interesa que otros desarrolladores sepan cuales son. Nos dirigimos a https://portal.azure.com, buscamos en la barra de búsqueda y escribimos "CognitiveServices" y buscamos en la pantalla un servicio denominado…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 →

Azure Cosmos DB

¡Hola a todos! Bienvenidos post tutorial donde aprenderemos como utilizar Azure Cosmos DB, pero antes de empezar, hablaremos qué es Azure Cosmos DB. ¿Qué es Azure Cosmos DB? Azure Cosmos DB es un servicio de base de datos con varios modelos distribuido de forma global de Microsoft. Cosmos DB permite escalar de forma elástica e individual el rendimiento y el almacenamiento en cualquier número de regiones de Azure a nivel mundial. Puede escalar de forma elástica el rendimiento y almacenamiento, y sacar provecho del rápido acceso a datos mediante la API que prefiera,…continue reading →

Azure Cache Redis

En este Post se explica de forma detallada los pasos a seguir para poder almacenar objetos en Azure, Redis Cache.             Redis Cache es una herramienta de Azure que nos permite la facilidad de poder almacenar objetos en su base de datos, dichos objetos se almacenan mediante Json, pudiendo estos ser recuperados desde cualquier aplicación. A continuación, se explicará cómo crear un Redis Cache y como crear un proyecto para poder insertar, buscar y eliminar objetos, en este caso los objetos que vamos a insertar son jugadores de la NBA con un poco…continue reading →

Azure function trigger con CosmosDb y SqlServer

En este post voy a explicar como implementar una funcion de azure a modo de trigger para conectar una base de datos CosmosDb con otra base de datos SQL Server. A partir de aquí me referire a cualquier base de datos como BBDD para abreviar. El objetivo de este post es hacer una BBDD en CosmosDb con un trigger que reinserte los datos de personas que metamos en nuestra BBDD Sql Server. Que vamos a utilizar Necesitamos como prerrequisito una BBDD SQL Server en AzureTambien necesitamos tener un grupo de recursos y una…continue reading →