tajamar

Configurar una GPO para limitar el ancho de banda para BranchCache

Este post está definido a la utilización de la política de limitar el ancho de banda de BranchCache, para ello comenzaremos por hablar de BranchCache. ¿Qué es BranchCache? BranchCache es un método que tenemos para optimizar los enlaces de alta latencia y bajo ancho de banda. Al tratar de enviar archivos grandes, estaos enlaces tienden a saturarse y podría afectar a otros servicios. La forma de realizar BranchCache sería la siguiente. Un cliente de una sucursal se descarga un archivo alojado en la sede central. Al ser la primera descarga se realizaría con…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 →

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 →

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 →

Crear una VPN de tipo SSTP con Autenticación RRAS

Definiendo que es una VPN Red Privada Virtual conocida por sus siglas en inglés como VPN (Virtual Private Network), es una tecnología utilizada en informática que permite la conexión entre una red privada (LAN) y una pública (WAN). De esta forma, los equipos que se encuentran fuera de una red privada como podría ser una empresa puedan enviar y recibir datos, utilizando la red de internet. Este tipo de tecnología cada vez es más demandada tanto por empresas como por usuarios finales ya que brinda la posibilidad de poder realizar gestiones desde cualquier…continue reading →

Subir Archivos de Imagen en React

En este post se explica como se podría capturar una imagen con react, para posteriormente poder realizar con ella las acciones requeridas. Para ello empezaremos creándonos dos Componentes React: 1. FileUploader export default class FileUploader extends Component { render() { let state = this.state, props = this.props; return ( <form name="form" id="form"> </form> ); } } FileUploader.propTypes = propTypes; FileUploader.defaultProps = defaultProps; 2.Imágenes: import React, { Component } from "react"; import FileUploader from "./FileUploader"; import axios from "axios"; export default class Imagenes extends Component { uploader = React.createRef(); render() { return ( <div>…continue reading →