frontenderos icon

Podcast

Newsletter

#181 Los ingenieros no son un commoditiy

Product Design absorberá al UX

Los ingenieros no son un commoditiy

Coding Work From Home GIF by Domme Space

La cultura del desarrollo de software, está rota. Y no solo hablamos de México y Latinoamérica. Y la ola de despidos que estamos viviendo debido a múltiples factores esta afectando. Y el uso de las herramientas que se están creando, también están afectando la cultura. Si tú estas en posición de poder en contratar, en liderear equipos o en dirigir proyectos, tienes que leer este artículo. Si no eres ninguno de esos, igual deberías leerlo para que aprendas que esta industria no siempre se trata de escribir código. sino de como construimos valor.

Product Design absorberá al UX

Este artículo puede ser controversial pero también puede ser un golpe de realidad para muchas personas que se preguntan si sus trabajos estarán a salvo. Y es que, si eres un UX Designer, lo más probable es que tu puesto de trabajo este en peligro, sobre todo en épocas de recesión y despidos como la que vivimos, entonces, ¿cuál es el siguiente paso natural que puedes adoptar en tu carrera? Si este es un tema que te interesa, no dejes de leer el siguiente artículo.

Renderizando emails con Svelte

Estas historias donde un autor tiene un problema, hace experimentos, prueba diferentes enfoques y tecnologías, y encuentra una que le guste y sobre todo la comparte, es lo que mantiene el desarrollo web divertido y original, y este es un claro ejemplo de ello.

EL RINCÓN DE CSS 👨‍💻 
Guía interactiva de :has()

El nuevo selector :has(), ya esta bien soportado por los principales navegadores Web, y no tienes excusa para no aprender a utilizarlo y aprovechar sus beneficios. Si necesitas una guía para aprender y practicar, aquí te dejamos una.

EL RINCÓN DEL DISEÑADOR 🎨 
Design Ah! aprendiendo lo divertido del diseño

Japón va en otro sentido cuando se trata de tendencias, incluyendo diseño. Quizás no sabemos que tanto ha influido el país del sol naciente, te imaginas que hubiera pasado si Steve Jobs no hubiese ido a Sony y no hubiese decidido usar camisetas negras para siempre… le debemos mucho a Japón. Bromas aparte, así como Alemania es famosa por sus aportaciones en diseño y diseño industrial (e influir a Jobs también) así también lo es Japón. Quieres sentirte inspirado, lee este artículo y ve los videos que tiene.

INISPIRACIÓN 💡 
Dead Simple Sites

En un número pasado, compartimos un link de tendencias para diseño Web, y que la mayoría son enfocadas en animaciones, gráficos, tipografías y mayor presencia de branding. Pero lo contrario, también puede existir, por ejemplo, esta colección de sitios minimalistas que también puede inspirarte.

HERRAMIENTA 🛠️ 
Lightning CSS

Lightning CSS es un parser, transformer, bundler, minifier, escrito en Rust para ser super rápido, que te va a ayudar para esos proyectos que necesitas tener mayor soporte para diferentes navegadores, mejorar velocidad de carga, y más. Si aprendes a utilizar esta tipo de herramientas, te ayudará mucho en tu carrera frontendera.

UN DÍA COMO HOY 🗓️ 

El 10 de marzo de 1995, en el Consumer Electronics Show, Bill Gates presenta la interfaz social animada “Bob” como un  “gran avance” en los sistemas operativos de consumo.

Bob es una interfaz “front-end” diseñado para introducir a los nuevos usuarios a los ordenadores a Windows 3.1.

Windows terminará dominando el mercado de los ordenadores personales pero Microsoft Bob pasará a ser considerado como el peor software que Microsoft haya lanzado.

Microsoft descontinuará el software en menos de un año debido a fuertes críticas y ventas muy bajas. Sólo alrededor de 58.000 copias del software fueron vendidas. Precio: US$99.

Lanzamiento de Microsoft Bob:

VACANTE 💼 
Front-End Developer

Ubicación: México (Remoto)
Empresa: Launchpad Technologies Inc.
Requisitos: Licenciatura o Maestría en Ciencias de la Computación, Ingeniería de Software o un campo relacionado. Experiencia comprobable como Desarrollador Front-End o en rol similar. Fuerte comprensión de los principios y prácticas de desarrollo front-end. Competencia en tecnologías front-end como HTML, CSS, JavaScript y marcos relacionados (por ejemplo, React, Angular, Vue.js). Experiencia en diseño web responsivo y optimización móvil. Entre otros.
Beneficios: 100% remoto. La gente es la primera cultura. Excelente compensación en dólares estadounidenses. Configuración de hardware para trabajar desde casa Trabaje con equipos globales y marcas destacadas con sede en América del Norte, Europa y Asia. Subsidios de formación Tiempo libre personal (PTO) por vacaciones, licencia de estudio, tiempo personal, etc. ...¡y más!

¿Te interesa esta vacante? Aquí te dejamos el link para aplicar. 🤞 

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

Para eliminar elementos duplicados de un array y retornar un nuevo array con solo elementos únicos, manteniendo el orden original, puedes usar el siguiente código en JavaScript. Este enfoque utiliza el método filter para mantener solo la primera aparición de cada elemento:

function eliminarDuplicados(array) {
    return array.filter((elemento, indice) => array.indexOf(elemento) === indice);
}

// Ejemplo de uso
console.log(eliminarDuplicados([1, 2, 2, 3, 4, 4, 5])); // Debería retornar [1, 2, 3, 4, 5]
console.log(eliminarDuplicados(['apple', 'banana', 'apple', 'orange', 'banana'])); // Debería retornar ['apple', 'banana', 'orange']

Explicación del Código:

  • La función eliminarDuplicados toma un array como argumento.

  • Dentro de la función, se utiliza el método filter para iterar sobre cada elemento del array.

  • filter ejecuta una función de callback para cada elemento del array. La función de callback recibe el elemento actual y su índice como argumentos.

  • La función de callback utiliza indexOf para buscar el índice del primer elemento que coincida con el elemento actual. Si el índice del elemento actual (indice) es igual al índice encontrado por indexOf, significa que es la primera aparición del elemento en el array.

  • Los elementos que pasan esta comprobación son incluidos en el nuevo array, efectivamente eliminando duplicados.

  • La función retorna el nuevo array con elementos únicos.

CHALLENGE DE HOY ⚔️ 
Supón que tienes un array que contiene una secuencia de N números enteros consecutivos, comenzando desde algún número, pero hay exactamente un número que falta en la secuencia. Tu tarea es desarrollar una función que identifique y retorne el número faltante.

  1. Implementa una función encontrarNumeroFaltante que acepte un array de números enteros como argumento.

  2. Asegúrate de que la función pueda identificar correctamente el número que falta en la secuencia y lo retorne.

  3. Considera que el array podría no estar ordenado.

Ejemplo de uso:

console.log(encontrarNumeroFaltante([3, 7, 1, 2, 8, 4, 5])); // Debería retornar 6
console.log(encontrarNumeroFaltante([10, 14, 12, 11, 15, 13, 17, 16, 18, 19])); // Debería retornar 20
  • Piensa en cómo el orden del array afecta tu capacidad para encontrar el número faltante y considera ordenarlo si es necesario.

  • Considera utilizar la fórmula de la suma de una serie aritmética para encontrar la suma esperada de la secuencia completa y compárala con la suma real de los números presentes en el array.

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