Sistemas de diseño

Si estas trabajando en un producto, quizás ya notaste que trabajar en Design Systems se esta volviendo la norma.

En este articulo de Figma se explica de forma sencilla los fundamentos y como trabajarlo.

NOTICIA
¿Qué hay de nuevo en DevTools?

¡Nueva versión de Chrome que trae entre otras características una nueva versión de Lighthouse y mejora en el depurador de estilos!

HERRAMIENTA
Radix UI

Con Radix UI puedes construir más rápido cualquier sitio o aplicación web que se te ocurra.

VACANTE
Senior Front-End Engineer

Únete al equipo de Turing para crear esquemas, maquetas y prototipos de diseños de sitios/aplicaciones y convertirlos en interfaces reales y utilizables. Se requieren 3+ años de experiencia como ingeniero de software

CHALLENGE
Tienes un control remoto con botones de "subir volumen", "bajar volumen", y "silencio". Cada vez que subes o bajas el volumen cambia en 10 unidades. El volumen inicial es 50. Si activas el "silencio", el volumen baja a 0. Escribe una función que, dada una serie de comandos, te diga cuál es el volumen final.

RESULTADO

function controlVolumen(comandos) {
  let volumen = 50;
  for (let comando of comandos) {
    if (comando === "subir") volumen += 10;
    else if (comando === "bajar") volumen -= 10;
    else if (comando === "silencio") volumen = 0;
    if (volumen > 100) volumen = 100;
    if (volumen < 0) volumen = 0;
  }
  return volumen;
}