¿Por qué la web apesta en 2023?

Diseñar es pensar en funcionalidad. El diseño web, por lo tanto, es pensar en funcionalidades en la Web. Los conceptos básicos del diseño web son: El DOM, El navegador y las APIs Web, la accesibilidad y el diseño de sistemas. Y estos conceptos ya no se enseñan o ya no se toman en cuenta.

GUÍA
Construyendo UIs de juegos con React

React es una biblioteca para construir interfaces de usuario reactivas de proposito general. O sea, que puedes construir cualquier tipo de interfaz de usuario, por ejemplo; un videojuego.

Como migrar más rápido a React.js

En esta guía se explica cómo migrar a React.js usando Bit si eres un frontendero que viene de otro contexto menos reactivo de la web.

HERRAMIENTAS
Browser Window

Este es un web componente para emular un navegador estilo Safari que te puede ser muy útil en demos y presentaciones.

NOTICIA
WinterJS

¿Haz trabajado con la API de Service Workers? Pues hay una nueva herramienta con la que podrás sacarle el mayor provecho posible.

EL RINCÓN DEL CSS
Dos nuevas funciones en CSS

Hay dos nuevas funciones matemáticas en CSS que te podrán ayudar cuando necesitas hacer cálculos, aquí te presentamos cuales son.

VACANTE
Senior Frontend Developer

Clevertech busca experiencia de nivel senior de al menos 4 años de experiencia con JavaScript, React, Redux, entre otros…

CHALLENGE
Tienes un array de números del 1 al 10, pero falta un número. Tu desafío es escribir una función en JavaScript que encuentre y devuelva el número faltante. Por ejemplo, si el array es [1, 2, 3, 4, 6, 7, 8, 9, 10], la función debe devolver 5.

Requisitos:

• Debe aceptar un array como argumento.

• Debe devolver el número faltante.

Consejo: Puedes usar el conocimiento de la suma de una serie de números para ayudarte a resolver este problema de manera eficiente.

Ve la respuesta 👀

RESULTADO

function encuentraNumeroFaltante(arr) {
    const n = arr.length + 1;
    const sumaEsperada = (n * (n + 1)) / 2;
    const sumaReal = arr.reduce((acc, curr) => acc + curr, 0);
    return sumaEsperada - sumaReal;
}

// Ejemplo de uso
const arrayEjemplo = [1, 2, 3, 4, 6, 7, 8, 9, 10];
console.log(encuentraNumeroFaltante(arrayEjemplo));