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 →