Selectores de productos y ambientes que ayudan al usuario a encontrar la opción correcta entre más de cien

Para quién

Las páginas forman parte de una iniciativa, fruto de una alianza entre dos multinacionales, una de ellas del comercio minorista, que reunió varios proyectos.

Cómo funciona

Los selectores de productos y de ambientes están integrados a las páginas y guían la elección.

Las otras piezas: las plantillas son modelos reutilizables; el carrusel muestra elementos en secuencia y se puede usar más de una vez; el extractor convierte datos de hojas de cálculo XLSX, el formato de archivo de Excel, a JSON, un formato de datos que las páginas web leen con facilidad.

La tecnología, en palabras simples

• JavaScript: el lenguaje de programación de la web, que le da comportamiento a las páginas en el navegador y también corre en servidores.
• Handlebars: lenguaje de plantillas que genera HTML a partir de un modelo con espacios que se llenan con datos.
• SCSS: forma de escribir CSS, el lenguaje que define el aspecto de las páginas, con funciones extra como variables; se convierte en CSS común antes de llegar al navegador.
• React: biblioteca de JavaScript para armar interfaces a partir de componentes reutilizables.
• HTML: lenguaje que organiza el contenido de una página web, como textos, imágenes y botones.
• Grunt: herramienta que automatiza tareas repetitivas del desarrollo web, como convertir, unir y reducir archivos.