#202 Comparación de runtimers de JavaScript

Comparación de runtimers de JavaScript

Con varios runtimers de JavaScript disponibles, hay que probar cuál es la diferencia en temas de desempeño, y este articulo explica muy bien a detalle el uso de servidor entre Node, Deno y Bum.

Cypress vs SafeTest

Hay una nueva herramienta en el barrio del End-To-End (E2E) Testing y ya hay gente haciendo comparaciones contra Cypress para ver que tan chida es, y tomando en cuenta que es de Netflix, pues hay que hacer espacio para probarla.

CSS para imprimir en papel

Con las recientes noticias de que el CEO de HP quiere hacer del consumo de tinta una suscripción mensual, quizás ya no te dan ganas de imprimir y las generaciones más jóvenes ya no imprimen tanto. Pero para la burocracia gubernamental y empresarial, siempre habrá algo que imprimir y tarde o temprano te tocará hacer webs que tengas que imprimir en papel. Aprende a hacerlo antes que te lo pidan para que triunfes como siempre.

EL RINCÓN DE CSS 👨‍💻 
Tu quieres usar border-color:transparent en lugar de border:none

Todos hemos usado esta linea border:none sin saber realmente sus implicaciones. Pero quizás lo que todo este tiempo quisiste hacer, era un border-color: transparent, y con este artículo descubrirás porque.

HERRAMIENTA 🛠️ 
Neat

Mientras mas herramientas de gradientes existan, mejor, pero si ademas están animadas, 🤩 pues no nos podemos quejar. Y eso precisamente es Neat, un generator de gradientes animados con licencia open source que usa three.js para hacer la magia. Úsalo en tu siguiente landing page y tus clientes van a estar encantados.

LANZAMIENTO 🚀 
SafeTest

Aunque tiene 6 semanas de lanzamiento, hay que resaltarlo, porque no todos los días liberan como open source herramientas para testing y menos de tipo E2E. Y si ademas lo hace una empresa como Netflix, que algo ha de saber de testing, pues tenemos que destacarlo.

UN DÍA COMO HOY 🗓️ 

El 31 de marzo de 1972, nace Evan Clark Williams, empresario de Internet estadounidense que ha fundado dos de los diez primeros sitios Web de Internet en la actualidad. Blogger y Twitter.

Evan Williams y Meg Hourihan fundador Pyra Labs para hacer un software de gestión de proyectos.

Una característica de este software escindió como Blogger, una de las primeras aplicaciones web para crear y gestionar weblogs. Pyra Labs fue adquirida por Google el 13 de febrero de 2003.

En 2003 , Williams fue nombrado para el MIT Technology Review como “uno de las 100 empresarios más innovadores del mundo menores de 35 años”.

En 2004, fue nombrado uno de los "Personajes del Año" de PC Magazine por su trabajo en Blogger.

Luego junto a Jack Dorsey y "Biz" Stone, Williams crea  la red social y servicio de microblogging denominada  Twitter.

En octubre de 2008, Williams se convirtió en CEO de Twitter desplazando a Jack Dorsey quien se convirtió en presidente de la junta.

El 04 de octubre de 2010, Williams se retiró del puesto de consejero delegado, explicando: "Voy a estar completamente centrado en la estrategia de producto" y nombró a Dick Costolo como su reemplazo.

VACANTE 💼 
Frontend Developer

Ubicación: Ámerica Latina (Remoto)
Empresa: Recruiting from Scratch
Requisitos: Licenciatura o equivalente en Ciencias de la Computación Más de 2 años de experiencia en desarrollo frontend. Familiaridad con el uso de metodologías de desarrollo Scrum/Agile. Experiencia en la creación de aplicaciones web orientadas a objetos en JavaScript, HTML5 y CSS3.
Responsabilidades:Diseño, desarrollo y prueba de UI para aplicaciones móviles y web. Cree código y bibliotecas reutilizables para uso futuro Traduzca con precisión las necesidades de los usuarios y de la empresa en un código de interfaz funciona.

Entra aquí para conocer más sobre esta vacante. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 
¡Gracias a los que contestaron el challenge de ayer! Aquí te dejamos nuestra respuesta:

Para sumar solo los elementos únicos de un array de enteros, puedes seguir un enfoque de dos pasos: primero, contar la frecuencia de cada elemento en el array, y luego, sumar aquellos elementos que tienen una frecuencia de 1. Aquí te muestro cómo podrías implementarlo:

function sumaElementosUnicos(array) {
    // Contar la frecuencia de cada elemento
    const frecuencia = array.reduce((contador, elemento) => {
        contador[elemento] = (contador[elemento] || 0) + 1;
        return contador;
    }, {});

    // Sumar los elementos con frecuencia 1
    return array.reduce((suma, elemento) => {
        if (frecuencia[elemento] === 1) {
            suma += elemento;
        }
        return suma;
    }, 0);
}

// Ejemplo de uso
console.log(sumaElementosUnicos([1, 2, 3, 2, 4, 3, 5])); // Debería retornar 10 (1+4+5)
console.log(sumaElementosUnicos([-1, -1, 2, -2, 3, 3, 4])); // Debería retornar 4 (2-2+4)

La función sumaElementosUnicos toma un array de enteros como argumento. • Primero, se utiliza el método reduce para crear un objeto frecuencia que mapea cada elemento a su frecuencia en el array. Si el elemento no existe en el objeto contador, se inicializa a 1; si ya existe, se incrementa su valor. • Luego, se utiliza otro reduce para sumar los valores de los elementos. Durante esta iteración, solo se suma el elemento actual si su frecuencia, almacenada en el objeto frecuencia, es exactamente 1. • Finalmente, se retorna la suma total de los elementos únicos.

CHALLENGE DE HOY ⚔️ 
Filtrar Propiedades de Objetos en un Array

Se te da un array de objetos donde cada objeto puede tener múltiples propiedades. Tu tarea es desarrollar una función que tome este array y una lista de nombres de propiedades, y retorne un nuevo array de objetos. Cada objeto en el array resultante solo debe contener las propiedades que fueron especificadas en la lista de nombres de propiedades.

Tareas a realizar:

1. Implementa una función filtrarPropiedades que acepte dos argumentos: un array de objetos y un array de strings que representan nombres de propiedades.

2. La función debe crear y retornar un nuevo array de objetos, donde cada objeto solo contiene las propiedades especificadas.

3. Si una propiedad especificada no existe en un objeto original, el objeto resultante no debería incluir esta propiedad.

const productos = [
  { id: 1, nombre: "Mesa", color: "rojo", peso: 20 },
  { id: 2, nombre: "Silla", material: "madera", color: "azul" },
  { id: 3, nombre: "Lámpara", color: "verde", precio: 10 }
];

console.log(filtrarPropiedades(productos, ["nombre", "color"]));
/* Debería retornar:
[
  { nombre: "Mesa", color: "rojo" },
  { nombre: "Silla", color: "azul" },
  { nombre: "Lámpara", color: "verde" }
]
*/

• Considera el uso del método map para transformar cada objeto en el array original.

• Dentro de map, puedes usar reduce o un enfoque similar para construir un nuevo objeto que solo contenga las propiedades deseadas.

• Asegúrate de verificar si cada propiedad especificada existe en el objeto original antes de incluirla en el objeto resultante.

Comparte tu respuesta en redes sociales y etiquétanos (@frontenderos), compartiremos nuestra respuesta en el issue de mañana. 😎 

Tu feedback nos ayuda a mejorar

Por favor elige una opción y dinos lo que te gustó y lo que no. Leemos todas las respuestas 👀