Sin categoría

APLICACIÓN ESCRITORIO Electron.js (React)

Objetivo: poder tener nuestra proyecto web como programa de escritorio Puntos importantes: InstalaciónConfiguración Funcionalidad: Electron.js Para realizar nuetro proyecto web como programa de escritorio, usaremos el componete de React, ELECTRON.JS. Electron es un componente que nos ayuda a crear aplicaciones multiplataforma de escritorio con JavaScript, HTML y CSS https://www.electronjs.org/ INSTALACIÓN Debemos crearnos un nuevo proyecto React npx create-react-app electron-react-app Nos ubicamos en el proyecto, y pasaremos a instalar y añadir Electron yarn add electron Y abrimos nuestro proyecto con code, entramos al package.json. Donde vamos a modificar unas lineas: Debemos añadir, justo un …continue reading →

Consumir servicios en React con Axios – ejemplo práctico (Json-server)

En este post vamos a aprender cómo consumir servicios en React con axios de una API externa. También vamos a realizar un ejemplo práctico paso a paso. Mediante este ejemplo accederemos a una api para poder realizar un CRUD (Create, Read, Update, Delete) de Películas con React. Además en este caso usaremos el componente axios que nos proporciona React. Al final del post te dejo las indicaciones necesarias para instalar Router-Dom y Bootstrap, que son opcionales dependiendo del diseño deseado. Yo he usado navegación entre componentes y clases de bootstrap para tener un…continue reading →

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 →

Creación de un sitio web estático con Amazon S3

Introducción Amazon S3 o Amazon Simple Storage Service es un servicio ofrecido por Amazon que proporciona almacenamiento de objetos en contenedores llamados buckets. Este servicio nos permite almacenar cualquier tipo de ficheros con una disponibilidad inmediata, además de ofrecernos control de versiones, seguridad y cifrado de los objetos. Tutorial Como hemos visto AWS S3 nos permite almacenar ficheros a los que podemos acceder, en este tutorial vamos a configurar un bucket para almacenar un sitio web estático. Para el tutorial necesitaremos una página html sencilla, usaremos un fichero html, una hoja de estilos…continue reading →

Subir Ficheros a un bucket/S3 en AWS con proyecto MVC en NetCore

En Amazon existe un servicio llamado S3 (Simple Storage Service) , que es un almacenamiento de objetos para almacenar y recuperar cualquier volumen de datos desde cualquier ubicación. Esto es conveniente para aquellos webs que se encuentren en la nube para almacenar todas las fotos. En este post os enseñaremos como subir imágenes a un S3. Primero que nada , tenemos que crearnos un usuario IAM y asignarle permisos FullAccess sobre un S3. Descargamos sus credenciales para poder loguearnos posteriormente. Ahora creamos un bucket en S3 y nos guardamos el nombre del bucket.…continue reading →

Creación de Alexa Skill con función lambda en AWS

En este post vamos a ver cómo podríamos usar el potencial de las funciones Lambda de la consola AWS para crear de forma sencilla una Skill para nuestra amiga Alexa. En los tiempos que corren no es de extrañar que amigos, familiares, conocidos o nosotros mismos tengamos involucrada en nuestra vida cotidiana alguna Inteligencia Artificial como Siri, Cortana o Alexa. Ésta última es la más común en cualquier hogar por todas las funciones y servicios que ofrece gracias a su conexión continua a la red. Su flujo de trabajo no se aleja mucho…continue reading →