Creación e implementación de Modelos en componentes de Angular – ejemplo práctico

Un modelo en angular es una clase que representa un objeto con propiedades que permite la utilización de la misma desde clases externas, evitando la reiteración de código. A lo largo de esta entrada veremos cómo construir un modelo y cómo implementarla en componentes. Construcción de un modelo: Estas clases se colocan dentro de src/app en una carpeta llamada models. El nombre de estos ficheros se escribe en minúscula: nombrefichero.ts. Como mencionamos previamente, un modelo es una clase que define un objeto con sus respectivas características, por ende, su sintáxsis es la siguiente:…continue reading →

Conectar un cliente y una base de datos en dos instancias distintas

Para empezar, crearemos dos instancias EC2 dentro de la consola de Amazon. Elegiremos aquellas que estén habilitadas para la capa gratuita. En este caso, Amazon Linux 2 AMI , la versión de x64 bits, https://flic.kr/p/2m29QYE https://flic.kr/p/2m26Yk8 Después, elegimos una Subred en la que estableceremos ambas instancias para permitir el acceso entre ellas, ya que es mas sencillo así que en distintas, en este ejemplo hemos elegido la C. https://flic.kr/p/2m26YjM En la parte inferior, en el recuadro de datos de usuario copiamos el siguiente párrafo de código para la configuración inicial. https://flic.kr/p/2m2bpcB El resto…continue reading →

Localización en Net Core

Una aplicación web multilingue permite que llegue a un público mas amplio. Net Core proporciona servicios y middleware para la localización de diferentes idiomas. En el siguiente post mostraremos crearemos una página que permitirá leerse en español y en inglés. Para realizar este post se utilizará Net Core 3.1. No se necesita ningún Nuget y se utilizará un proyecto web Asp Net Core MVC. LOCALIZACIÓN EN VISTAS Creacción de archivos de traducción En primer lugar, vamos a crear una carpeta donde guardaremos todos los archivos de traducción. Esta carpeta se llamará Resources y…continue reading →

Aplicación ASP.NET Core en tiempo real con SignalR

SignalR es una biblioteca para desarrolladores ASP.NET que simplifica el proceso de agregar funcionalidad web en tiempo real a las aplicaciones. La funcionalidad web en tiempo real es la posibilidad de que el código de servidor inserte el contenido en los clientes conectados al instante a medida que este disponible, en lugar de que el servidor espere a que un cliente solicite nuevos datos. Para poner en practica el uso que podemos hacer de SignalR, realizaremos una aplicación de chat simple en el que nos comunicaremos en tiempo real entre dos exploradores distintos:…continue reading →

Cifrado Hash en 10 minutos

¿Qué es cifrar? Cifrar es ocultar una determinada información para que solo la pueda consumir la persona o grupo de personas que el emisor desea. Las técnicas más utilizadas hoy en día son: Simétrica: La criptografía simétrica solo utiliza una clave para cifrar y descifrar el mensaje, que tiene que conocer el emisor y el receptor previamente, y este es el punto débil del sistema, la comunicación de las claves entre ambos sujetos, ya que resulta más fácil interceptar una sola clave. 2.Asimétrica: La criptografía asimétrica se basa en el uso de dos claves: la…continue reading →

React – Modal popup con React portals

¿Qué son los React Portals? Portals es una Api de React que nos permite renderizar cualquier componente o código html fuera de nuestro árbol de componentes Dom (por defecto <div id=”root”>  dentro de index.html). Para hacernos una idea, un portal sería como un agujero de gusano donde en un nodo tendríamos un <div id="otroDiv"> aislado en index.html y en otro nodo tendríamos un trozo de código html o un componente declarado en otro <div id="root"> . Este componente usaría métodos en el componente donde lo declaramos, pero a la hora de ser pintado,…continue reading →