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 →

Introducción a Material en Angular

Hola, bienvenidos a este nuevo post donde veremos una breve introducción a Material en Angular. ¿Qué es Material? Es un kit de componentes que nos permite incorporar elementos tales como botones, tablas, paginadores con un diseño, animaciones creados ya predeterminados. A continuación se empezará la explicación desde cero, necesitamos Visual Studio Code y la consola de Windows para poder trabajar. Empecemos! Para crear el proyecto debemos abrir la terminal de Windows e ir hacia la ruta que deseemos para guardar nuestro proyecto, nosotros lo haremos en una carpeta en el escritorio llamada Angular.…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 →

Creación y manipulación de Azure Tables Storage.

En este tutorial vamos a aprender a crear una cuenta de almacenamiento con Portal de Azure (también podremos usarlo en entorno local con la máquina virtual de Azure) en el cual vamos a crear una tabla y a manejar sus datos (listar, crear, modificar y eliminar). Primeros pasos Con cuenta Azure Primero accedemos al portal de Azure. Una vez hayamos iniciado sesión con nuestra cuenta, en el menú lateral, seleccionaremos “cuentas de almacenamiento”. https://www.flickr.com/photos/156199631@N02/46555411575/in/dateposted-public/ Una vez dentro tendremos que añadir una nueva cuenta de almacenamiento. https://www.flickr.com/photos/156199631@N02/46555411555/in/dateposted-public/ Luego necesitaremos rellenar los datos necesarios y…continue reading →

Consumo de Web API desde entorno cliente

En este post vamos a tratar de explicar de forma práctica el consumo de forma asíncrona en entorno cliente de una web API pública. Para ello vamos a hacer uso de la tecnología AJAX. También vamos a crear de forma dinámica elementos de HTML basándonos en JavaScript. De esa forma vamos a conseguir mostrar al usuario datos de forma dinámica de una forma vistosa. Al trabajar de forma asíncrona consumiendo una API conseguimos por un lado liberar a nuestro servidor de carga, ya que es el usuario y la API los que reciben…continue reading →

Prevención de ataques CSRF en ASP.NET Framework 4.6.1

En este post trataremos un problema que sufren muchos sitios web, los ataques CSRF (Cross Site Request Forgery). Las páginas web sufren este tipo de ataques debido a dos factores: No comprobar que los formularios de los que la aplicación recibe la información son los suyos propios.La ingeniería social. ¿Pero qué quiere decir esto?, paso a explicarlo: ¿De que va todo esto? Un ataque CSRF se basa en el uso de las sesiones de usuario para actuar. Cuando un usuario inicia sesión en la aplicación atacada, normalmente la sesión perdura durante todo el…continue reading →

Seguridad en MVC5 .NET

En este post vamos a tratar de aplicar seguridad en nuestra aplicación web. Y cómo la seguridad en aplicaciones web es un tema tan grande vamos a tratar en concreto con la protección de ciertas partes de la web, y con ella su funcionamiento, a ciertos usuarios.  Para ello vamos a establecer primero un sistema para loguear a los usuarios, dándoles dos tipos de rol diferentes (usuario básico y admin). En función del rol que les otorguemos van a poder recibir un tipo de privilegios u otro.   Aunque este tipo de seguridad de puede aplicar…continue reading →

PLAIN CONCEPTS en el TECH DAY de Madrid. Derrochando aptitudes

PLAIN CONCEPTS TECH DAY Escuela Técnica de Sistemas Informáticos de la Universidad Politécnica de Madrid mié. 20 de diciembre de 2017 (9:00 – 14:00) ¿Qué es Plain Concepts? Plain Concept se fundó en 2006 por varios Microsoft MVPs (Most Valuable Professional), quienes se unieron para crear una empresa que atraería a profesionales reconocidos en todo el mundo. Actualmente cuentan con 170 empleados y tienen 5 oficinas en España (Madrid, Barcelona, Bilbao, Sevilla y León), así como en Seattle, Londres y Dubai. La misión de Plain Concepts es ofrecer soluciones personalizadas, innovadoras y atractivas para…continue reading →

WEB API CONFIGURAR SALIDA JSON

* Vamos a realizar una aplicación WEB API en la que formatearemos la salida de la respuesta JSON para ser consumida por un cliente. * Personalizaremos el formato de salida de los datos y también de los elementos que deseamos exponer en algún método en particular. * Realizaremos la aplicación mediante Entity Framework y la tabla datoscliente, para ampliar el tipo de búsquedas. Nos crearemos un proyecto nuevo MVC llamado Api Formato JSon. Creamos un proyecto Empty y seleccionamos las librerías de tipo Web API.     Sobre Models, agregamos un nuevo elemento…continue reading →