Crear gráficos para visualización de datos con JavaScript y Echarts

Crear gráficos para visualización de datos con JavaScript y Echarts es clave para construir aplicaciones web de data science entre otros. En este artículo te explico cómo implementar esta fantástica librería para crear impresionantes gráficos de todo tipo, como los del siguiente ejemplo. Haz click en la imagen para abrirlo en una ventana nueva. Puedes … Leer más

Efecto fuegos artificiales con JavaScript y Fireworks-js

Generar un efecto de fuegos artificiales con JavaScript y Fireworks-js provocará que tus usuarios se sorprendan al visitar tu web. En esta publicación te explico paso a paso cómo implementar la librería Fireworks-js.  Al final del artículo sabrás cómo crear una “landing page” tan espectacular como la que te muestro a continuación. Si deseas ir … Leer más

Crear tests end to end con JavaScript y Cypress

Crear tests end to end con JavaScript y Cypress te facilita la vida como desarrollador web. Aprende a implementar las bases en una app real, siguiendo el tutorial que he preparado. Desarrollar aplicaciones es apasionante, en eso estamos todos de acuerdo.  Es simplemente satisfactorio empezar un proyecto nuevo, y ver como va cogiendo forma poco … Leer más

Crear sliders con JavaScript y Swiper

Para crear sliders con JavaScript, tu mejor opción es Swiper, la librería JavaScript por excelencia para la creación de sliders y carousels. En la parte final de este post he detallado un ejercicio donde te explico como implementar Swiper para crear un carousel de productos, y un pase de “historias” parecido al de Instagram. Puedes … Leer más

Crear presentaciones con JavaScript y RevealJs

Crear presentaciones en forma de pases de diapositivas es posible gracias a JavaScript y RevealJs. No volverás a abrir PowerPoint en la vida. Hacia al final de éstos párrafos encontrarás un tutorial para crear un pase diapositivas “silder” con la librería RevealJs. Haz click en la siguiente imágen para ver el resultado final. Si quieres … Leer más

Ajedrez y JavaScript con ChessJs

Averigua cuanto tienen en común el ajedrez y JavaScript con ChessJs. La librería para el desarrollo de partidas de ajedrez en el navegador. https://github.com/jhlywa/chess.js “A Javascript chess library for chess move generation/validation, piece placement/movement, and check/checkmate/draw detection” Este artículo va acompañado de un ejercicio práctico. Haz click en la siguiente imágen para ver el resultado … Leer más

Guía a tus usuarios con JavaScript y ShepherdJs

Programa un tour que haga de guía a tus usuarios con JavaScript y ShepherdJs. Así no se perderán ninguna funcionalidad clave de tu web. https://shepherdjs.dev/ “Guide your users through a tour of your app.” Los artículos de libreriasjs suelen ir acompañados de un ejercicio práctico. Haz click en la siguiente imágen para ver el resultado … Leer más

Crear animaciones con JavaScript y AnimeJs

Aprende a crear animaciones de todo tipo utilizando AnimeJs, una librería JavaScript ideal para dar vida a tus interfaces gráficas. https://animejs.com/ “The leading HTML5 client solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it!”“A lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM … Leer más

Crear diseños 3d con JavaScript y Zdog

En este artículo veremos que crear alucinantes diseños 3d con JavaScript es posible gracias a la librería Zdog. Aprovecha las características de HTML5, creando gráficos en SVG y canvas. https://zzz.dog/ “Round, flat, designer-friendly pseudo-3D engine for canvas & SVG” Éste artículo contiene una parte teórica y otra práctica, en la segunda te enseño a implementar … Leer más

Crear arte con JavaScript y P5js

La programación creativa es posible. En este artíclulo veremos cómo crear arte con código JavaScript y la librería P5js. https://p5js.org/ “p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else!” En éste artículo he preparado un tutorial práctico donde te … Leer más

¿No encuentras la librería que necesitas?

Prueba buscar en el recopilatorio definitivo. He preparado una colección que voy ampliando día tras día. Allí podrás filtrar por etiquetas entre distintos recursos JavaScript, hasta dar con el que se ajusta a tu proyecto.

Recopilatorio de librerías JS