Uso de webcam en proyecto React

Hola, soy Álvaro Moya Herraiz, alumno del máster de Desarrollo Web Full Stack, MultiCloud y Multiplataforma y voy a enseñaros a como acceder a la webcam en vuestro proyecto de React. Imaginemos que tenemos una aplicación web con React la cual requiere el uso de la webcam, ya sea para hacer fotos, grabar vídeo en tiempo real, etc. En este post os enseñare detalladamente a hacerlo de forma clara y sencilla Primero de todo, deberemos acceder a nuestro proyecto desde la consola de comandos e introducir el siguiente comando: Gracias a este comando…continue reading →

Animaciones y Sonidos con React

¿Te gustaría darle más vida a tu página web mediante animaciones y sonidos sencillos? Si tu respuestas es que si, te doy la bienvenida a mi post, donde aprenderás como con animaciones y sonidos sencillos pues hacer que tu pagina web sea mas atractiva. Para ello debemos tener previamente instalado Node.js y Yarn en el equipo. TECNOLOGÍAS REACT Es la base de este proyecto. Se trata de un framework/tecnología que trabaja en una sola pagina (Single Page App) y en sí, es una biblioteca Javascript, diseñada para facilitar la creación de interfaces de…continue reading →

CREAR API CON JSON Y LLAMADA DESDE VUE

Lo primero que necesitamos: Lo que haremos es crear una api desde cero mediante el lenguaje JSON Una api es una especificación formal que establece cómo un módulo de un software que se comunica o interactúa con otro para cumplir una o muchas funciones en nuestro caso lo que haremos es llamar a nuestra API desde nuestro Vue Librería Node.js Visual Studios CodeDependencia Express para nuestra APIFramework  utilizaremos VueLibrería JavaScript que utilizaremos AXIOS Crearemos primera nuestras carpeta donde contendrá todo nuestro proyecto https://flic.kr/p/2mLWz1j Abrimos un terminal nuevo en nuestro Visual En el terminal cambiamos…continue reading →

Paginación con Vue

Hola a tod@s, en este post vamos a crear una paginación para nuestros desarrollos con Vue. Muchas veces cuando estamos desarrollando aplicaciones nos encontramos con servicios api (o archivos locales) que al consumirlos nos devuelven muchísimos datos. Si necesitáramos mostrar en nuestra aplicación grandes cantidades de información, una solución que podemos usar seria la paginación. En este post iremos paso a paso para conseguir una paginación de manera simple (botones Anterior y Siguiente) o una paginación mas completa (numerada) utilizando una api publica. Pasos Previos Primero nos creamos nuevo un proyecto con el…continue reading →

Programación y publicación de un bot de discord utilizando angular

Bot de discord con angular ¿Qué es discord? Discord es una plataforma social destinada a permitir crear grupos de chat para diferentes finalidades. Puedes pensar en ella como algo similar a Skype o TeamSpeak, aunque incluyendo las funciones de otras herramientas más profesionales. Tiene versiones tanto para PC como para dispositivos móviles, pasando también por un cliente que puedes utilizar directamente desde el navegador. Además, tiene bastantes funcionalidades, permitiendo chatear por texto, por voz e incluso realizar videoconferencias, todo ello con una aplicación totalmente gratuita. En discord podemos diferenciar dos tipos de chat, los chats…continue reading →

Crear un menú en Vue (Routing)

Introducción Vue al igual que otros frameworks para el desarrollo web, también tiene una forma de crear rutas. Vue permite crear páginas web que sean SPA (Single Page Application), esto quiere decir que el usuario, tiene la sensación de que esta navegando entre varias páginas pero lo que de verdad pasa es que Vue por debajo está cambiando el HTML al instante sin tener que recargar la página., para demostrarlo crearemos un menú en vue. Os voy a poner un ejemplo, estamos en la página principal de una aplicación SPA y navegamos a…continue reading →