Angular

ANGULAR+PRIMENG 2023

En este post se va a enseñar como utilizar la librería de componentes PrimeNG. Esta librería ofrece una variedad de componentes como tablas, formularios y menús con un diseño atractivo y una funcionalidad mejorada. Instalar dependencias Primero necesitas ejecutar los comandos de instalación en tu proyecto. A parte de PrimeNG y PrimeIcons (Librería opcional) añadiremos también PrimeFlex que es una librería de estilos css muy parecida a Bootstrap y compatible con PrimeNG, la razón para añadir esta librería es que Bootstrap sobrescribe los estilo de algunos componentes de PrimeNG obligándonos a retocarlos manualmente…continue reading →

Angular Material y FormControl

ANGULAR MATERIAL INTRODUCCIÓN: Angular Material es una librería de estilos (como Bootstrap) basada en la guía de diseño de Material Design, realizado por el equipo de Angular para integrarse perfectamente con Angular. INSTALACIÓN: Ejecutaremos el siguiente comando en nuestro proyecto para la instalación de Angular Material: ng add @angular/material Con ese comando instalará Angular Material, CDK* y Angular Animations* y a continuación nos hará una serie de preguntas para determinar qué características queremos incluir en nuestro proyecto: Elija un nombre de tema prediseñado o elegir uno personalizado: Si no tienes un tema personalizado…continue reading →

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 →

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 →

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 →