frontenderos icon

Podcast

Newsletter

#156 Escribe código para la Web

La trampa de los features

I Love You Valentine GIF by animalz

¡Feliz día, Frontenderos! 💝 

Escribe código para la Web

gossiping jean harlow GIF by FilmStruck

¿Supiste del chisme de Apple y la Comisión Europea sobre la App Store, las comisiones que cobra y como Apple decidió que quien pagará los platos rotos iban a ser los developers? Si eres un frontendero, siempre tendrás la Web, que es abierta y así debemos mantenerla, pero otros devs, como los Mobile Developers, están más limitados en cuanto a licencias, comisiones y esos temas.

La trampa de los features

Si sientes que tu equipo esta pasando mucho tiempo construyendo nuevos features o mejorándolos de una manera individual y eso esta atrasando un poco, quizás debas leer este articulo.

HERRAMIENTA 🛠️ 
Bibliotecas Python y JavaScript de Ollama

¿Interesado en aprender más sobre AI y LLMs? ¿Has oido de Llama 2 y Code Llama? Empieza a aprender y crear proyectos LLM con estas bibliotecas de JavaScript y Python oficiales.

Wasp

A veces hay que salirse de la caja y pensar en soluciones poco populares para problemas comunes. Y hay veces que tener una solución empaquetada también ayuda. Y eso es Wasp, un framework en el que con sus APIs y bibliotecas vas a poder obtener front-end, back-end y utilidades para deployment.

EL RINCÓN DE CSS 👨‍💻 
Como centrar un div

¿Cuántas formas diferentes conoces de centrar un div en CSS? Esta es una pregunta que todos nos hacemos alguna vez, pero es muy util saberla. En cualquier proyecto que hagas, al menos un contenedor tienes que tenerlo centrado, y habrá ocasiones en las que tienes que usar imaginación y técnica dependiendo del layout, entonces mientras más sepas, mejor.

TUTORIALES 🎓️ 
Tutoriales de Framer

Framer sigue creciendo gracias a su maravillosa comunidad, y si tu también quieres construir sitios y aplicaciones con esta herramienta no-code (o low-code dependiendo de tu definición) debes probar estos tutoriales creados por su comunidad.

UN DÍA COMO HOY 🗓️ 

El 14 de febrero de 2006, se descubre el primer malware diseñado específicamente para Mac OS X, un caballo de Troya llamado OSX / Leap-A o “Oompa Loompa”.
Su peligrosidad fue considerada como mínima debido a su incapacidad para difundir a través de Internet.
Se propagó únicamente a través de redes de área local utilizando el protocolo Bonjour, lo que limita su transmisión a una subred IP única.
Para que el Leap-A tuviera efecto, el usuario de forma manual debía descomprimir el archivo ".tar" (el cual contenia el malware) y luego ejecutar el archivo.
El ejecutable se disfrazaba como un icono estándar de un archivo de imagen y pretendía mostrar una vista previa del próximo sistema operativo de Apple. Una vez ejecutado, el gusano intentaba infectar el sistema.

VACANTE 💼 
UI Designer

Ubicación: México (Remoto)
Empresa: Boo
Requisitos: Licenciatura en diseño gráfico, diseño de interacción o un campo relacionado. Experiencia laboral comprobada como diseñador de UI o un rol similar, mostrando una sólida cartera de proyectos de diseño, preferiblemente en las industrias de citas/sociales o relacionadas. Dominio de herramientas de diseño como Adobe Creative Suite (Photoshop, Illustrator, XD), Sketch o Figma. Comprensión sólida de los principios y mejores prácticas de diseño centrado en el usuario, con un enfoque en la creación de interfaces de usuario atractivas e intuitivas. Experiencia en la creación de wireframes, prototipos y maquetas interactivas utilizando herramientas de diseño estándar de la industria o software de creación de prototipos. Entre otros.
Beneficios: Grandes oportunidades para progresar en su carrera. Fantástica cultura de trabajo. Opciones de trabajo flexibles.

Para poder aplicar a esta vacante, ingresa aquí.

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

function binarioADecimal(binario) {
    let decimal = 0;
    for (let i = 0; i < binario.length; i++) {
        decimal += binario[binario.length - 1 - i] * Math.pow(2, i);
    }
    return decimal;
}

// Ejemplo de uso
console.log(binarioADecimal("1010")); // Debería retornar 10
console.log(binarioADecimal("1111")); // Debería retornar 15
  • La función binarioADecimal toma un string binario como argumento.

  • Inicializa una variable decimal en 0 para acumular el resultado.

  • Utiliza un bucle for para iterar sobre cada dígito del string binario, empezando desde el final hasta el principio. En cada iteración, convierte el dígito binario actual a su equivalente decimal multiplicándolo por \(2^i\), donde \(i\) es la posición del dígito binario comenzando desde el final (0 para el último dígito, 1 para el penúltimo, etc.).

  • Suma el resultado de cada dígito al total acumulado en decimal.

  • Devuelve el valor acumulado en decimal como el valor decimal del número binario.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que, dados dos arrays de números, sume todos los valores que son únicos en ambos arrays y devuelva el total.

  1. Implementa una función sumarUnicos que acepte dos arrays de números como argumentos.

  2. La función debe identificar los números que son únicos en ambos arrays.

  3. La función debe sumar todos los valores únicos encontrados y retornar el total.

  4. Asegúrate de que cada número único se sume solo una vez, incluso si aparece en ambos arrays.

Ejemplo de uso:

console.log(sumarUnicos([1, 2, 3], [2, 3, 4, 5]));
// Debería retornar 9, ya que los valores únicos son 1, 4 y 5, y su suma es 9

console.log(sumarUnicos([10, 20, 30], [10, 30, 40, 50]));
// Debería retornar 110, ya que los valores únicos son 20, 40 y 50, y su suma es 110
  • Considera utilizar métodos como filter para identificar los elementos únicos en ambos arrays, seguido de reduce para sumar estos valores.

  • Piensa en cómo puedes determinar si un elemento aparece en uno y solo uno de los arrays para asegurarte de que es único.

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! 🤟