- Frontenderos
- Posts
- #95 Creando animaciones UI accesibles
#95 Creando animaciones UI accesibles
Dominio .club, porque y cuando usarlo
Creando animaciones UI accesibles
La accesibilidad no tiene porque estar peleando con la animación, y en el siguiente articulo, te lo demostramos.
Dominio .club, porque y cuando usarlo
¿Alguna vez penaste en lanzar una comunidad? ¿Alguna vez te ha llegado alguien con una idea para lanzar un proyecto de comunidad como producto digital? ¿Quieres especializarte en este nicho para que puedas construir las mejores experiencias de usuario? Tal vez te interesa este articulo. 👈️
GUÍA 📖
Utilizando cookies en Next.js
Uno de los temas más importantes que tienes que aprender al trabajar en la Web, es como utilizar cookies, y por eso te traemos esta guía para que lo aprendas a hacer con Next.js, pero que es fácil de seguir para que lo puedas hacer con cualquier otro framework React.js.
NOTICIA 📰
Vitest 1.0
Vitest ya alcanzo su primer mayor lanzamiento, y si quieres comenzar a utilizarlo, tienes que leer las cosas que cambiaron desde las versiones anteriores y los betas.
Storybook 7.6
Aunque esta es una versión menor, si trae muchos cambios que te pueden interesar, chécalos.
HERRAMIENTA 🛠️
Loco
Aunque este es un framework escrito en Rust, es un framework web con un muy buen nombre y que intenta emular la filosofía de Rails. Si estas interesado, dale un vistazo, y si lo pruebas cuéntanos como te fue.
EL RINCÓN DE CSS 👨💻
Oh no, Overflow
Por años se nos enseño a pensar que, si veías el overflow de un contenedor estaba mal, pero ¿realmente lo esta? En este articulo aprenderás cuando es de provecho que tu contenedor tenga overflow y cuál es la razón.
UN DÍA COMO HOY 🗓️
El 15 de diciembre de 1995, se lanza el motor de búsqueda AltaVista. En la segunda parte de la década de los 90 fue el buscador dominante en Internet hasta el surgimiento de Google. Para aquel momento el internauta no buscaba en Google (no existía) buscaba en Altavista.
El 15 de diciembre de 1994, Netscape Communications lanza Netscape Navigator 1.0, el primer navegador web comercial. Netscape Navigator era el único producto de Netscape Communications Corp. y fue el navegador web dominante en términos de cuota de uso en la década de los 90.
El 15 de diciembre de 2005, la revista Nature, publica un artículo en línea el cual refleja el resultado de un estudio comparativo sobre la exactitud en sus artículo entre Wikipedia y la enciclopedia Británica. Este estudio revela que en cuanto a la exactitud de los artículos de ambas enciclopedias "no existe una diferencia significativa".
VACANTE 💼
Senior React Native/Node Developer
Ubicación: México (Remoto)
Empresa: NOUS LATAM
Requisitos: 4-5 años de experiencia como desarrollador nativo de React. Sólida experiencia con Node.js y proyectos backend, incluido el desarrollo de API REST y GraphQL. Conocimiento profundo de las mejores prácticas de seguridad y estándares de privacidad de datos de React Native. Familiaridad con la creación y el mantenimiento de aplicaciones fijas en React Native. Entre otros.
Beneficios: Clases de inglés, Educación patrocinada, Equipo de trabajo.
CHALLENGE ⚔️
Crea una función que tome un array de números y un número objetivo, y devuelva true
si dos números dentro del array suman el número objetivo, y false
si no.
La función debe aceptar un array de números y un número objetivo como argumentos.
Debe devolver
true
si dos números cualesquiera dentro del array suman el número objetivo, yfalse
en caso contrario.
Ejemplo:
const numeros = [3, 5, 7, 1];
const objetivo = 8;
La función debería devolver true
, ya que 3 + 5 = 8
.
Comparte tu respuesta en redes sociales y etiquétanos (@frontenderos), compartiremos nuestra respuesta en el issue de mañana. 😎
RESULTADO DEL CHALLENGE DE AYER 🧐
Gracias a los que contestaron el challenge de ayer! Aqui te dejamos nuestra respuesta:
Para implementar la función rotarArray
, que rota los elementos de un array un número determinado de veces, puedes utilizar métodos de array como slice
y concat
, o push
y shift
. Aquí te muestro un enfoque utilizando slice
y concat
:
function rotarArray(array, rotaciones) {
const longitudArray = array.length;
// Asegurarse de que el número de rotaciones no sea mayor que la longitud del array
rotaciones = rotaciones % longitudArray;
// Dividir el array en dos partes y reordenarlas
return array.slice(-rotaciones).concat(array.slice(0, longitudArray - rotaciones));
}
// Ejemplo de uso
const arrayOriginal = [1, 2, 3, 4, 5];
console.log(rotarArray(arrayOriginal, 2)); // Debería devolver [4, 5, 1, 2, 3]
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! 🤟