JavaScript

Animación en Scroll para Angular (AOS)

¡Buenas! En este post os enseño a cómo realizar la Instalación de AOS en Angular. Asique vamos a ver paso a paso la correcta instalación de la librería Definición de Animación en Scroll para Angular Para aquellos amantes del diseño, esta librería nos permite visualizar el contenido de nuestras páginas o tambien conocidos como componentes. Podremos insertar en nuestras imágenes, cuadros de texto, contenedores (<div>) una animación que al desplazarnos con la rueda del ratón aparezcan (o incluso que desaparezcan) con distintas animaciones que embellezcan nuestra aplicación dándole un aspecto más amigable y…continue reading →

CÓMO IMPLEMENTAR GRÁFICOS CHARTJS EN REACT

En este post quiero hablar acerca de ChartJS (https://react-chartjs-2.js.org/) y más en concreto, de su librería análoga react-chartjs-2. Una herramienta muy completa, que nos permite trabajar con multitud de gráficos totalmente personalizables y con muy poco trabajo de implementación previa. Son muchos los casos en los que es necesario visualizar datos de una forma dinámica y atractiva. Para nosotros, como programadores, puede resultar algo tedioso implementar distintos tipos de gráficos para cada una de las decenas de conjuntos de datos que manejamos a diario en nuestros proyectos. En estos casos puede resultar muy…continue reading →

Generador QR en Vue con librería de JavaScript

Muy buenas! En este post crearemos un generador QR con una librería de JavaScript en Vue. Comenzamos! Os mostraré un ejemplo de como debería de quedar nuestro generador QR en vue con la librería de JavaScript: https://flic.kr/p/2o2jmY5 Instalación de node.js Como primer paso debemos tener instalado node.js en nuestro equipo, por lo tanto te dejo el enlace de descarga aquí. Creación del proyecto Vue Una vez instalado, procederemos a crear un proyecto de Vue en nuestro equipo. Abriremos la consola/terminal (cmd) en una carpeta donde deseemos generar el proyecto y escribimos: vue create…continue reading →

Creación de una WishList utilizando Amazon Elastic Cache

En esta ocasión os voy a enseñar a como crear y implementar Elastic Cache consumiendo los servicios de Amazon Web Servicies. Elastic Cache es una herramienta muy útil que nos permite almacenar, como dice su propio nombre, en la Cache la información que nosotros queramos de nuestra aplicación. Sus usos son variados, lo pueden implementar tanto para Session, como para una WishList o un Carrito de Compras. AWS Lo primero que necesitamos es tener una cuenta activa en AWS al entrar debemos comprobar que estamos en el Norte de Virginia, lo siguiente que…continue reading →

Realizar búsquedas y filtrar datos utilizando Casting en NetCore.5

Para esta aplicación necesitaremos crear un entorno de trabajo en MVC NetCore 5, tambien debemos tener a nuestra disposición una base de datos con la cual trabajar. En mi caso tendré Una base de datos denominada Kibunshi con tres tablas una de Peliculas , Superheroes y Mundos Base de datos: Como vemos a continuación yo tengo tres tablas en las cuales Pelis será destinada para la búsqueda y Mundo y Superhéroes serán destinadas para el filtro ya que los dos comparten el campo Id_Mundo ASP.NET CORE MVC: Creamos una aplicacion que sea de…continue reading →

Uso de SweetAlert2 en un proyecto MVC

Hola, soy Álvaro Moya Herraiz, alumno del máster de Desarrollo Web Full Stack, MultiCloud y Multiplataforma y voy a enseñaros a implementar SweetAlert2 en vuestro proyecto MVC. Primero de todo, SweetAlert2 es una librería de javascript que nos permite mostrar alerts animados y más vistosos en comparación con los estándar de js. Página principal de SweetAlert2 con ejemplo de alerta Para empezar, deberemos añadir dicha librería a nuestro proyecto, y para ello haremos click en "Installation". Una vez lo hayamos hecho, clicamos en el link donde pone "jsdelivr CDN". Sección "Installation" de la…continue reading →