HTML

Web Scraping con Cheerio en VUE

En este post se va a tratar el Web Scraping. Esta técnica es utilizada para extraer información de páginas web. Es increíblemente útil cuando necesitamos recuperar grandes cantidades de información de diferentes páginas. Debido a que ahorra una gran cantidad de trabajo humano. En esta ocasión utilizaremos esta técnica para recuperar los títulos de los posts publicados en la página principal de https://techriders.tajamar.es/ También recuperaremos las etiquetas de cada titulo y realizaremos un recuento para ver que temas son más abundantes. Para realizar esta tarea utilizaremos la librería Cheerio. Una librería desarrollada para…continue reading →

Uso de la API de Spotify

El mayor problema que nos puede presentar la API de Spotify es la autenticación del usuario, sí que es verdad que la mayoría de las peticiones tiene un cierto limite de envío de datos, esto quiere decir, que, si por ejemplo queremos mostrar nuestras listas de reproducción, la api solo nos devolverá 50 resultados. Este problema lo podremos solucionar con un bucle realmente sencillo, pero para ello debemos conocer la cantidad de listas que tenemos, lo veremos mas adelante. Primeros Pasos Lo primero de todo es crear nuestro proyecto de react con el…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 →

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 →