frontenderos icon

Podcast

Newsletter

#164 Una guía para diseñar para adultos mayores

¿Son los Design Systems un fenómeno de tasa de interés cero?

Una guía para diseñar para adultos mayores

Old Man Technology GIF by The Mole Agent

¿Has escuchado que los millennials más grandes ya tienen 40 años? El tiempo no se detiene, y eventualmente tú también vas a necesitar utilizar herramientas de accesibilidad para navegar por la Web. Que mejor motivación para que comiences a hacer tus proyectos accesibles que esta: eventualmente tú también lo vas a necesitas. 👴 

¿Son los Design Systems un fenómeno de tasa de interés cero?

¿Has escuchado del termino zero-interest rate en Tecnología? En español lo traducimos como fenómeno de tasa de interés cero, pero lo puedes buscar más en ingles. Si quieres entender más del tema, te recomendamos este articulo de The Pragmatic Engineer. Ahora, se esta discutiendo que trends podrían verse afectados por este fenómeno y surge la cuestión de los Design Systems podrían verse afectados 🤔 ¿tú que opinas?

El futuro de React.use y React.useMemo

Así como hay personas que a veces usan useMemo cuando no tienen problemas de optimización, hay personas usando context de mas y causando problemas de desempeño y control.

PODCAST 🎧️ 
Frustraciones con React, Web Componentes y opiniones controversiales

Ya todo mundo tiene una opinión controversial… y a veces ni son controversiales. Pero eso no significa que si tienes algo que decir o debatir, no lo digas, al contrario, autocensurar es nocivo para la salud. Y más si lo que se tiene que hablar es el estado de React y que cosas no te gustan y que cosas se pueden mejorar. Escucha este podcast para que sepas más del chisme.

EL RINCÓN DE CSS 👨‍💻 
Bouncy ball, comparando técnicas de animación web

Animation Bounce GIF by luizstocklerstudio

Quién iba a pensar que hay tantas formas de hacer un bouncing ball para la Web y que puedes elegir para practicar, aprender e implementar.

GUÍA 📖 
Comenzando con Web Components

Eventualmente Web Components será un tema básico de saber cómo CSS, HTML y accesibilidad. Por eso, tienes que aprender ahorita para que cuando te pidan 10 años de experiencia, tu digas yo tengo 20. 😎 

LANZAMIENTO 🚀 
Qwik 2.0 ya viene

Qwik 2.0 ya casi esta aquí, y están cambiando un poco su arquitectura para hacerlo más rápido y liviano. Los rivales de React y Next se acercan y mientras más, mejor.

UN DÍA COMO HOY 🗓️ 

El 22 de febrero del 2008, los cDc (Cult of The Dead Cow) o “Culto a la Vaca Muerta” libera una aplicación llamada “Goolag Scanner” creado por el hacker llamado “Johnny I Hack Stuff”.
Goolog Scanner permite utilizar a Google para examinar cualquier sitio web y encontrar vulnerabilidades del mismo, y así poder ser explotadas por cualquier usuario con los conocimientos necesarios de programación. Esta aplicación es de código libre y puede ser descargada desde el sitio oficial del grupo. El grupo cDc, asegura haber encontrado “horribles vulnerabilidades” en sitios de América del Norte, Europa y Oriente Medio, por lo que aconsejaba a los webmasters utilizar la herramienta para solventar dichos problemas, antes de que sea demasiado tarde.
El grupo cDc es el grupo de piratas informáticos más conocidos y fueron quienes desarrollaron en el 2002 la aplicación “Back Orifice” el cual era un  troyano capaz de controlar remotamente un ordenador sin el consentimiento de su dueño. Scanner Goolag se dió a conocer en forma de código abierto bajo la licencia GNU Affero General Public License. Está dedicado a la memoria de Wau Holland, fundador del Chaos Computer Club.

VACANTE 💼 
Front End Software Engineer

Ubicación: México (Remoto)
Empresa: DaCodes
Requisitos: 
Preferentemente Ingeniero en Sistemas, Informática o afín. +3 años de experiencia con ReactJS (Hooks, Redux o Context) , Angular o VueJS. Habilidades sólidas en JavaScript y TypeScript (EcmaScript). Conocimientos en CSS, HTML y Frameworks CSS. Métodos ágiles de desarrollo de software (Scrum, Agile). Familiarizado con REST APIs y Web Services. Entre otros.
Beneficios: Integración a marcas globales y startups disruptivas. Trabajo remoto/ Home office. Estarás informado desde la primer sesión si alguna de las posiciones llega a requerir algún formato híbrido o presencial ¡Descuida la mayoría son remotas! Horario ajustado a tu célula de trabajo/proyecto asignado. (Zona horaria del cliente asignado) Trabajo de Lunes a Viernes. Beneficios Legales. Entre otros.

Te dejamos aquí el link para aplicar. 🤞 

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

function encontrarInterseccion(array1, array2) {
    // Crear un Set desde el segundo array para aprovechar la búsqueda rápida
    const setArray2 = new Set(array2);

    // Filtrar el primer array para mantener solo los elementos presentes en el Set del segundo array
    const interseccion = array1.filter(item => setArray2.has(item));

    // Convertir el resultado a un Set y luego de nuevo a un Array para eliminar duplicados
    return [...new Set(interseccion)];
}

// Ejemplo de uso
console.log(encontrarInterseccion([1, 2, 3, 4], [3, 4, 5, 6])); // Debería retornar [3, 4]
console.log(encontrarInterseccion(["manzana", "banana", "cereza"], ["cereza", "manzana", "durazno"])); // Debería retornar ["manzana", "cereza"]
  • Se utiliza un Set para almacenar los elementos del segundo array. Los Set son estructuras de datos que almacenan valores únicos y tienen una operación de búsqueda más eficiente que los arrays.

  • Se filtra el primer array utilizando filter() y la función has() del Set para verificar si un elemento del primer array está presente en el segundo array.

  • Para asegurarse de que el array de intersección resultante no tenga duplicados, se convierte el array filtrado a un Set y luego de nuevo a un array usando el operador de propagación (...). Esto elimina cualquier duplicado que pudiera haber resultado de la operación de intersección.

  • La función retorna el nuevo array que contiene solo los elementos únicos presentes en ambos arrays de entrada.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que determine si una cadena es un palíndromo, ignorando espacios, signos de puntuación y mayúsculas/minúsculas.

  1. Implementa una función esPalindromo que acepte una cadena de caracteres como argumento.

  2. La función debe retornar true si la cadena es un palíndromo ignorando espacios, signos de puntuación y mayúsculas/minúsculas; de lo contrario, debe retornar false.

  3. Considera utilizar expresiones regulares para limpiar la cadena de caracteres ignorables.

Ejemplo de uso:

console.log(esPalindromo("Anita lava la tina")); // Debería retornar true
console.log(esPalindromo("Hello, world!")); // Debería retornar false
  • Puedes limpiar la cadena eliminando espacios y signos de puntuación y convirtiendo todo a minúsculas para hacer una comparación uniforme.

  • Después de limpiar la cadena, compara si se lee igual de adelante hacia atrás.

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 👀

¿Qué te pareció el email de hoy?

Iniciar Sesión o Suscríbete para participar en las encuestas.

¡Hasta mañana! 🤟