Desarrollo

Area de coordinación enfocada a Desarrollo

Uso del buscador de la librería Fuzzy en Vue

Introducción Hola, bienvenidos al post donde veremos como trabajar con la librería de node Fuzzy en Vue Js. Esta librería nos permite integrar un buscador en nuestra página web en cuestión de minutos. https://www.flickr.com/photos/197047466@N06/52527676239/in/dateposted-public/ Tendréis disponibles al final del post el código de GitHub con varios ejemplos para que veáis el potencial y el funcionamiento de este buscador, además del repositorio del autor de la librería. Requisitos Para poder seguir este tutorial correctamente, es necesario tener Vue Js instalado y crear un proyecto para ello ejecutaremos el siguiente comando: vue create nombredelproyecto En este…continue reading →

CONVERTIDOR DE DIVISAS CON VUEX

Este post está creado para probar una de las tecnologías más destacables de vue.js como, en nada más y nada menos, que vuex en una aplicación de convertidor de divisas. Esta aplicación es la solución para que una compañía de viajes que opera en algunos paises de Europa, Oceanía y en Estados Unidos utilice esta herramienta software para sus clientes. Lo primero será instalar vuex con el siguiente comando: npm install vuex@next. https://flic.kr/p/2o2LtJv Comando de instalación de VUEX. Se crea la tienda, que contendrá en su estado, y el valor de la moneda…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 →

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 →

Librería de traducción i18next con React

Hoy en día es fundamental tener tus aplicaciones en tu idioma nativo, pero también es necesario dar la posibilidad al usuario de poder utilizar el inglés o cualquier otro idioma en tu aplicación. De esta manera podrás crecer más versátilmente entre mucha mas gente, pudiendo así dar a conocer tu aplicación internacionalmente. Para poder realizar una traducción, los propios navegadores como Chrome ya te dan la posibilidad de poder traducir el contenido de una página, siempre y cuando el idioma esté declarado en el atributo Lang del fichero HTML y sea distinto del…continue reading →