CSS

8+1 Funciones Esenciales de Figma para Diseñar una App

Figma es una de las herramientas más populares para el diseño de interfaces y prototipos interactivos. Esta documentación reúne 8+1 funciones esenciales que debes conocer para diseñar una app de manera eficiente. Desde la creación de proyectos hasta el uso de herramientas avanzadas como Auto Layout y Plugins, este documento junto con el vídeo te guiará paso a paso para sacar el máximo provecho de esta plataforma. 1. Crear un Proyecto Ve a la pestaña principal de Figma. Haz clic en Create New Design File para iniciar un nuevo proyecto. 2. Paneles Principales…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 →

Creación de Modales en Vue3 con SweetAlert2

SweetAlert2, es una librería javascript que permite crear ventanas emergentes con un diseño profesional y fácil de personalizar e implementar, es compatible con la mayoría de los navegadores web como: Edge, Chrome, Firefox, Safari, entre otros más. Está pensada para poder utilizarse junto a JavaScript Vanilla. Por lo tanto se puede utilizar para distintos frameworks como React, Vue y Angular, en este post se explicará cómo utilizarla en Vue3. Instalación  Podemos realizarla de dos maneras ambos casos están en la web en el apartado de “Installation” Primer método Mediante el CDN que la…continue reading →

Login Y Registro con AUTH0 en REACT

En este post vamos a enseñar como utilizar AUTH0 un proveedor de autenticación a REACT Lo primero es registrarse en AUTH0 https://www.flickr.com/photos/197088457@N08/52525159594/in/shares-10d138Xtp5/ Elegimos other y pinchamos en el checkbox para cambiar de región nuestra cuenta https://www.flickr.com/photos/197088457@N08/52525159584/in/shares-tSDkT4sSVz/ Elegimos el nombre del dominio que queramos y la regio EU https://www.flickr.com/photos/197088457@N08/52524411962/in/shares-m0PBz7Q821/ Pulsamos en el botón de crear aplicación https://www.flickr.com/photos/197088457@N08/52525159564/in/shares-nYC243pYb0/ Pinchamos en single page applications ya que es para una aplicación de React y pulsamos crear https://www.flickr.com/photos/197088457@N08/52524878616/in/shares-59071Xq863/ Le decimos que es para una aplicación de REACT https://www.flickr.com/photos/197088457@N08/52525431418/in/shares-X38tEks99e/ Pulsamos en el enlace de para conseguir la application keys…continue reading →

Pasarela de Pagos con React, Express.js y Stripe

En este post se procederá a explicar cómo realizar una pasarela de pagos con: para frontend > ReactJS, para backend > Express.js (con Node.js) y, para la pasarela propiamente, la plataforma > Stripe. React se usará principalmente para la visualización de contenido, establecimiento de información, el carrito de compra con los determinados elementos, etc... Y Express.js simplemente para que se puedan realizar de forma funcional las peticiones y se puedan mostrar dichas respuestas en la parte cliente. Es importante resaltar que la plataforma de Stripe es muy amplia. Tiene numerosas funcionalidades, pero lo…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 →