#107 ¿El diseño web importa?

¿El diseño web importa?

Modas van y modas vienen, herramientas que van a matar el diseño web van y mueren, pero en el fondo, la razón por la que hacemos diseño web todavía persiste en el fondo. Quizás algún día tengamos que escribir un articulo llamado “El diseño Web ha muerto, larga vida al diseño Web”; pero ese día no es hoy.

26 términos que quizás no has escuchado

Lee este articulo y dinos cuántos de estos términos conocías. Mientras más alto el número, más veterano eres como frontendero. 👴 

EL RINCÓN DE CSS 👨‍💻 
Los queries de cantidad son muy sencillos con :has()

Un query de cantidad, es un bloque de código CSS que te permite estilizar un elemento en base a cuantos hijos tiene ese elemento .y con la nueva propiedad :has() ahora será más sencillo.

HERRAMIENTA 🛠️ 
Open Source alternativas a proyectos populares

A veces necesitas la mejor herramienta para el trabajo especifico, pero a veces, esa herramienta cuesta y puede costar mucho, y a veces también sucede que su alternativa Open Source es tan buena o mejor. Por eso, te dejamos este directorio para que conozcas las alternativas al software mas popular del momento.

El editor visual para React

Las herramientas no-code y de edición de contenido, son geniales ¿no lo crees?, ¿te gustaría integrar algo parecido en tu siguiente proyecto? Pues eso es Puck, échale un vistazo al siguiente link y dinos que te parece.

BoxSlider

BoxSlider es una pequeña biblioteca de tipo carrusel o slider de imágenes que debes conocer para cuando lo necesites, porque habrá ocasiones en las que necesites un carrusel de este tipo. 😉 

NOTICIA 📰 
date-fns v3 ya salió

data-fns, la popular biblioteca de utilidades para fechas de JavaScript, acaba de tener un upgrade a la versión 3.0 con muchas mejoras, como que ahora está totalmente escrito en TypeScript, soporte ESM para Node.js, soporte para nuevas extensiones de fechas ¡y más!

UN DÍA COMO HOY 🗓️ 

El 27 de diciembre de 1998 se lanza la primera versión pública y multilenguaje del “front-end” para MySQL “phpMyAdmin”.
Tobias Ratschiller fue el fundador de la compañía de software Maguma quien comenzó a trabajar en el proyecto phpMyAdmin en 1998 inspirado por MySQL-Webadmin de Peter Kuppelwieser. 
En el 2000, Ratschiller renuncia al proyecto aduciendo falta de tiempo.

El 27 de diciembre de 1999, Jeff Bezos (CEO de Amazon) fue seleccionado por la revista Time como “El Hombre del año”.
Según la revista explica: ¿Por qué el fundador de Amazon.com es nuestra elección para 1999?Los antecedentes y las influencias que hizo Bezos el campeón de miles de millones de dólares de electrónica al por menor

• El innovador funcionamiento interno y de los trabajadores en Amazon.

• Logró con un clic de ratón que los resultados de un producto llegasen a la puerta del cliente.

Bezoz fundó librería online llamada Cadabra.com, lanzada oficialmente el 16 de julio de 1995, con una inversión inicial de 300.000 dólares.

VACANTE 💼 

Desarrollador de front-end

Ubicación: Ciudad de México (Híbrido)
Empresa: Grupo Chedraui
Responsabilidades: Implementación de Interfaces de Usuario (UI). Desarrollo de Componentes Interactivos. Optimización del Rendimiento.Mantenimiento y Mejora Continua. Entre otras.
Requisitos: Recién egresado en Ingeniería en ciencias exactas. 6 meses a 1 año en desarrollo de landings, micrositios o sitios. 6 meses a 1 año en JavaScript/ React.js / Vue. 6 meses a 1 año en manejo de CMS
Beneficios: Sueldo base mensual. Fondo de Ahorro. Vales de despensa. Aguinaldo. Entre otros.

¿Te interesa y cumples los requisitos? Entra aquí para aplicar. 🤞 

CHALLENGE ⚔️ 

Hoy vamos a trabajar con objetos y arrays.

Implementa una función que tome un objeto y un array de strings que representen un conjunto de propiedades, y devuelva un nuevo objeto que solo contenga esas propiedades.

• La función debe aceptar un objeto y un array de strings como argumentos.

• Debe devolver un nuevo objeto que solo contenga las propiedades especificadas en el array de strings.

• Si una propiedad del array no existe en el objeto, esta se ignora.

Ejemplo: Dado el siguiente objeto:

const objeto = { a: 1, b: 2, c: 3, d: 4 };

Y el siguiente array de propiedades:

const propiedades = ['a', 'c'];

La función debería devolver { a: 1, c: 3 }.

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 👀