Angular

Descubriendo los Servicios en Angular: Pilares fundamentales para el desarrollo en Angular.

https://youtu.be/Z3Qk3qBoy7s Los Servicios en Angular son elementos cruciales que potencian la modularidad y reutilización de código en el desarrollo de aplicaciones. Se trata de objetos que siguen el patrón de diseño singleton, es decir, se crean una única vez, y son compartidos en toda la aplicación. En este post exploraremos qué son los servicios, cuál es su propósito y cómo podemos aprovecharlos de una manera eficaz. ¿Qué son los Servicios en Angular? Dentro del framework Angular, un servicio es una clase singular con un propósito específico, diseñada para llevar a cabo taras reutilizables…continue reading →

Angular – Manejo de Observables

https://youtu.be/38ZmuMq7o1M Muy Buenas a todos, mi nombre es Juan Carlos Linaje y en esta entrada, veremos cómo trabajar con observables de una manera didáctica, con un ejemplo explicado y detallado paso a paso Lo primero de todo, para poder empezar en nuestro proyecto, lo que vamos a hacer es irnos a Github: https://github.com/desatatufuria/AngularObservers-appNos descargamos el proyecto: Case Study with Binding Una vez nos descarguemos el proyecto, procederemos a preparar el entorno de trabajo. usamos el comando: npm install Levantamos el proyecto.usamos el comando: ng s -o  s, es un alias de server -o, es un argumento…continue reading →

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 →