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 →

Paginación en Angular

Todo programador sabe lo engorroso que puede ser tener que gestionar una gran cantidad de datos e información en el diseño de nuestra web. Cuando esto sucede, solemos tener que realizar scrolls interminables para poder visualizar todo el contenido, haciendo así la navegación bastante incómoda. Aquí tenemos el modelo de página que vamos a modificar. Podemos ver que en ella todos los elementos se disponen hacia abajo sin importar cuántos elementos queramos colocar sin necesidad de estar desplazándonos hacia abajo de forma ilimitada: Es por ello que la paginación resulta ser nuestra gran…continue reading →

Cómo subir imágenes y archivos a un servidor local Node.js en un proyecto Vue.

A la hora de ponernos a trabajar con servicios en proyectos de Vue, necesitamos aprender cómo podemos traernos los diferentes datos almacenados en un servidor, poder modificarlos, eliminarlos y añadirlos por supuesto, pero hay que tener en cuenta que no todas las API que podemos encontrar en internet nos dejan insertar unos tipos de datos como son ficheros. El problema está que no podemos modificar esas API que estábamos utilizando ya que no nos pertenecen, por ello para poder practicar de una manera local, podemos crearnos nuestra propia API y poder modificarla a…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 →

Bases de datos en AWS con Amazon RDS

Para crear una base de datos en AWS se debe utilizar RDS. RDS son las siglas de Relational Database Service. En primer lugar, desde la consola principal de AWS se puede buscar en la caja de búsqueda o seleccionarlo desde "Servicios de AWS". https://flic.kr/p/2m1pdBS Servicios de AWS https://flic.kr/p/2m1tBnq Busqueda de RDS Una vez seleccionado, se redirigirá a la página del panel de RDS. https://flic.kr/p/2m1s9Pw Dashboard de RDS Ahora, se hace doble click sobre "Create Database": https://flic.kr/p/2m1s9Pb Detalle create Database Una vez se haga click se redirigirá a la creación de la base de…continue reading →