View JS in a different way: meet Vue

A couple of years ago, it was pretty standard to refresh the page every time our users performed an action: saving a form, applying a filter to a search, etc. Making the site reactive and allowing our users to perform these actions without refreshing ...

Building a Web Component without JS Frameworks

We are in the era of the components. and they are being used in almost all the web pages and applications of the moment; Facebook created its own library to make its web components, Google also created its own framework called Angular and there ...

Discovering Storybook

Storybook is a javascript library that allows you to test "visual components" by splitting the business logic from the context of the application. Storybook currently supports several frameworks and libraries such as: React, Vue, Angular, Mithril, Marko, HTML, Svelte, Meteor, and Ember. In Swapps ...

Puppeteer: an API to programmatically control Chrome

Puppeteer is a Node library that provides a high-level API to control Chrome or Chromium through the DevTools protocol in a Headless way; which means that we interact with Chrome without the graphical interface, that is, without a browser as such. Puppeteer is available ...

Animations with JavaScript

When building a website, it is intended to be striking, but without sacrificing usability and functionality. To achieve this, different animations or effects can be used to call user attention. However, implementing an animation can be limiting; for example, the wide variety of mobile ...