Sin categoría

Filtrar contenido con pipe Angular

La tecnología de Pipe sirve para transformar visualmente los datos de nuestra web, en este ejemplo voy a enseñaros como filtrar serie de post en una tabla con un buscador. 1-Vamos a empezar creándonos un proyecto nuevo de angular 2-Creamos un nuevo component y una carpeta con el pipe Con el comando code . abrimos el proyecto en visual code y con ng serve lo iniciamos 3-Vamos a utilizar bootstrap para la apariencia de la web (opcional) //BOOTSTRAP 4 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" /> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous" ></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"…continue reading →

Implementar zona Stub con entorno gráfico.

Cuando estamos trabajando en un entorno donde contamos con máquinas que están alojadas en dominios diferentes, nos encontramos con algunas dificultades. La primera de ellas es que pese a tener conectividad total con el resto de máquinas a traves de ping, no podremos resolver las direcciones IP de las máquinas a partir de una consulta con sus nombres FQDN asociado a esos equipos. Para lograr resolver las peticiones de nombres entre las máquinas de dominios diferentes tenemos tres posibles opciones a implementar en nuestro servidor DNS Secundary ZonesConditional ForwardersStub Zones STUB ZONE El…continue reading →

Instalación y configuración de un servidor RADIUS

Un servidor RADIUS (Remote Access Dial-In User Service) es un protocolo que ofrece flexibilidad, seguridad, capacidad de expansión y una administración sencilla de las credenciales necesarias para acceder a los recursos de una red. Funciona en una estructura de cliente-servidor, un usuario tiene unas credenciales de acceso y se conecta al servidor, es el propio servidor el que se encarga de comprobar y autenticar dichas credenciales y dar acceso o denegarlo al usuario a los recursos compartidos. https://www.flickr.com/photos/186743355@N04/49471526703/in/dateposted-public/ Servidor RADIUS: Es el servidor que recibirá las solicitudes de autenticación y se encarga de…continue reading →

UNIT TESTING EN REACT

Introducción En este post aprenderás qué es el unit testing y diferentes herramientas que se pueden utilizar, así como su implementación en proyectos de React. ¿Qué son las pruebas unitarias o Unit testing? Con Unit Testing, nos referimos a programar tests que nos sirven para comprobar que un bloque con una funcionalidad específica de nuestro código funciona como esperamos. ¿Cuál es su estructura? El cuerpo de un test consta de tres partes: Arrange: Es el primer paso, donde se crean las variables y se preparan los recursos a utilizar (componentes, clases…). Act: Donde…continue reading →

Semantic UI React

Buenas, en este post voy a explicar el uso básico de una herramienta de diseño de paginas web similar a Boostrap pero digamos que con un uso más básico que este. Antes de nada, decir que usaremos Visual Studio Code como intérprete del texto. Semantic UI es una librería de JQuery para la manipulación del DOM en la página y que será usado he interpretado por React.js. ¿Por qué Semantic es algo más simple que Bootstrap en cuanto a diseño?, porque este importa conjuntos de marcas que reciben su propio diseño a través…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 →