#108 Cambios recientes en ECMAScript

Cambios recientes en ECMAScript

Hemos hablado mucho de CSS, pero JavaScript a través de su estándar ECMAScript, también ha tenido muchos cambios este año, y en este articulo se repasan algunos de los más emocionantes.

Buen diseño es subjetivo

El buen diseño es subjetivo, contextual e intencional. Si has pensado en darle un giro a tu carrera este año o hacerla complementaria a tu carrera como frontendero, debes leer este articulo.

CSS Scroll Snapping alineado con el layout de una pagina Global

¿Alguna vez has necesitado que el padding de un elemento se alinee con el padding de otro elemento? 🤔 Quizás si, pero no lo recuerdas, por ejemplo, haciendo un slider o un carrusel. Para eso quizás tuviste que usar un hack y con este articulo quizás podrías tener una mejor técnica.

EL RINCÓN DE CSS 👨‍💻 
Bloqueando el scroll con :has()

Este es un hack que te permitirá bloquear el scroll de una pagina con el nuevo pseudoselector de :has() para componentes como Modales.

EL RINCÓN DE CMS 👩‍💻 
¿Es WordPress una buena elección de CMS para 2024?

Con 20 años de historia, un ecosistema enorme, el primer lugar de cuota de mercado, y unas bases fuertes, WordPress es todavía una buena elección para construir sitios y sobre todo para usar su CMS.

HERRAMIENTA 🛠️ 
pagefind-search

Zach, portó pagefind para que funcionara con Web Components, y el resultado es muy practico.

Effect

Effect, es una biblioteca TypeScript para construir la siguiente generación de aplicaciones web. Con una de sus principales características siendo la concurrencia. Veremos de cerca su evolución para ver cómo crece en el ecosistema de herramientas.

NOTICIA 📰 
Solid Start v0.4.0

¿Sabías que Solid tiene un framework web llamado Solid Start? 😲 Nosotros tampoco lo sabíamos, pero acaban de lanzar la versión 4.0 de este y tiene cosillas muy interesantes, como el cambio del engine a Nitro, la misma tecnología que usan en Nuxt y Analog, así como mejoras a su sistema de Router para que sea compatible con cualquier biblioteca Solid. Si has usado Solid y te gustó, deberías probar Solid Start.

UN DÍA COMO HOY 🗓️ 

El 28 de diciembre de 1969, nace en Helsinki, Finlandia,  Linus Benedict Torvalds.Torvalds es un ingeniero de software, conocido por iniciar y mantener el desarrollo del "kernel" del sistema operativo Linux. Torvalds basó su software en el sistema operativo libre Minix creado por Andrew S. Tanenbaum y en algunas herramientas, varias utilidades y los compiladores desarrollados por el proyecto GNU. Actualmente Linus Torvalds es responsable de la coordinación del proyecto.

El 28 de diciembre de 1903 nace en Budapest, hungría, John von Neumann, fue un matemático, físico, inventor y erudito. Neumann era un superdotado y ganó el premio Eötvös al mejor alumno del país en matemáticas y ciencia. Su enorme inteligencia se haría luego legendaria. Von Neumann le dio su nombre a la arquitectura de von Neumann. Virtualmente, cada computador personal, microcomputador, minicomputador y supercomputador es una máquina de von Neumann.

VACANTE 💼 
UX Web Development Engineer

Ubicación: México (Remoto)
Empresa: Enterprise Solutions Inc
Descripción de trabajo: Responsabilidades clave: Más de 2 años de desarrollo de aplicaciones web y servicios en la nube en TypeScript/JavaScript, React, Redux/Angular, HTML5, CSS3, REST API/JSON y C#/.NET. Más de 4 años de diseño, desarrollo y pruebas de software empresarial que cumplen con los requisitos funcionales, de rendimiento y fundamentales. Habilidades de resolución de problemas, depuración y DevOps. Entre otras.

Si quieres aplicar, ingresa aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

¡Gracias a los que contestaron el challenge de ayer! Aquí te dejamos nuestra respuesta:

function filtrarPropiedades(objeto, propiedades) {
    const objetoFiltrado = {};

    propiedades.forEach(prop => {
        if (objeto.hasOwnProperty(prop)) {
            objetoFiltrado[prop] = objeto[prop];
        }
    });

    return objetoFiltrado;
}

// Ejemplo de uso
const objeto = { a: 1, b: 2, c: 3, d: 4 };
const propiedades = ['a', 'c'];
console.log(filtrarPropiedades(objeto, propiedades)); // Debería devolver { a: 1, c: 3 }

• La función filtrarPropiedades toma dos argumentos: un objeto objeto y un array propiedades.

• Se crea un nuevo objeto vacío objetoFiltrado.

• La función utiliza forEach para iterar sobre cada propiedad en el array propiedades.

• Dentro del bucle, se utiliza hasOwnProperty para verificar si la propiedad actual existe en objeto. Si es así, la propiedad y su valor se añaden a objetoFiltrado.

• Finalmente, la función devuelve el objetoFiltrado.

CHALLENGE ⚔️ 

Hoy continuamos trabajando con arrays!

Crea una función en JavaScript que una dos arrays, eliminando los elementos duplicados en el array resultante.

• La función debe aceptar dos arrays como argumentos.

• Debe devolver un nuevo array que sea la unión de los dos arrays dados, excluyendo cualquier elemento duplicado.

• El orden de los elementos en el array resultante no es importante.

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 👀