#201 La silenciosa devaluación del frontend

La silenciosa devaluación del frontend

Cada vez hay más voces diciendo y haciendo menos nuestra profesión. Desde personas que dicen que CSS no es un lenguaje de programación, (spoiler: sí lo es) hasta personas construyendo herramientas diciendo que CSS apesta, (CSS es el único lenguaje que recibe la culpa cuando el autor es el que es malo escribiéndolo) y ahora diciendo que las LLMs harán lo que nosotros hacemos. Pero la realidad es que el trabajo del frontendero moderno es difícil e implica multiples disciplinas que son difíciles de dominar y que se necesita cierto mindset para hacerlo.

Webflow vs WordPress

WordPress siempre esta teniendo contrincantes, y ahora uno de sus competidores que más esta ganando tracción, es Webflow. Si te gustaría leer una comparativa entre estas dos herramientas para construir sitios web, aquí te dejamos una.

Diseño inclusivo para la salud mental

Una de las cosas mas interesantes de la creación de design systems, es que se le puede dar espacio a temas como la inclusión y la salud mental, y es de este segundo tema del que el equipo de Microsoft Design plantea en el siguiente articulo.

HERRAMIENTA 🛠️ 
Expressive Code

Hubo un tiempo en el que teníamos pocas herramientas para mostrar código en una pagina web, y ahora tenemos varias y muy buenas, por ejemplo, Expressive Code, con la cual vas a poder mostrar tus code snippets y tutoriales en tus sitios web de una manera totalmente pro.

React Email Editor

Imagina que pudieras hacer tus emails con una herramienta que te permitiera arrastrar y soltar componentes. Suena bien, ¿verdad?, pues no imagines más, porque ahora lo puedes hacer con esta herramienta.

GUÍA 📖 
Internacionalización con Remix

Este es un tema que quizás no se habla mucho porque todos sabemos que los programadores estadounidenses solo programan para su lenguaje, pero los que hablamos dos o más idiomas, sabemos de la importancia de la i18n y la l10n, y con este articulo, aprenderás a hacerlo en tus proyectos Remix.

LANZAMIENTO 🚀 
Next Paint es un Core Vital

Ya es oficial, Interaction Next to Pain es un Core Web Vital, y ahora hay que dominarlo para saber cómo optimizar nuestros sitios web de la mejor manera.

NOTICIA 📰 
Wiz se integrará en Angular

Wiz es un framework web interno que usan varios productos de Google, y recientemente en la ng-conf que se va a unir con Angular por los mismos mantenedores del proyecto. Esta es una excelente noticia, porque significa que Google va a poner más recursos en el proyecto y que posiblemente varios de sus productos terminen usando Angular/Wize, lo que significará un mejor marketing para el proyecto.

UN DÍA COMO HOY 🗓️ 

El 30 de marzo de 1993, Microsoft libera el MS-DOS 6.0 el cual incluye soporte para Microsoft Windows.

El MS-DOS fue sustituido en 1995 con el lanzamiento de Windows 95.

El MS-DOS fue un sistema operativo fue el sistema operativo más popular para ordenadores personales compatibles con IBM PC en la década de los 80 y mediados de los 90.

Dentro de las utilidades del MS-DOS 6.0 se encuentran: Defrag (desfragmentaciòn del disco), Double Space (compresiòn de archivos), MSBackup (copias de seguridad), MSAV (Microsoft Anti-virus) y MemMaker.

VACANTE 💼 
Front-End Software Developer, Gigster Network

Ubicación: México (Remoto)
Empresa: Gigster
Requisitos: Al menos 3 años de experiencia en desarrollo y mantenimiento del front end de aplicaciones web. Experiencia práctica en el uso de HTML, CSS y JavaScript. Experiencia trabajando con marcos front-end modernos como React.js, Vue.js, Angular, Typescript, GraphQL o Next.js. Familiaridad con el control de versiones de Git y metodologías ágiles de desarrollo de software. Comprensión de los principios del diseño web responsivo. Fuertes habilidades de comunicación y colaboración, con capacidad para trabajar eficazmente en equipos multifuncionales.
Beneficios: Red de clase mundial. Sé parte de una red con las personas más talentosas del mundo. Increíbles proyectos de vanguardia. Elija los proyectos de las empresas F500 que le interesen. 100% remoto y global. Viva su mejor vida, dondequiera que sea, y nunca pierda oportunidades profesionales por ello. Horarios de trabajo flexibles. Hay un momento que se superpone con la zona horaria del cliente, pero la mayoría de las veces trabajamos de forma asincrónica y no nos importa cuándo estás en línea, solo que obtengas excelentes resultados. Ofertas flexibles. Elige cuántas horas quieres trabajar y cuánto quieres ganar. ¡Botín! Porque ¿a quién no le encanta el botín?

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

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

Para resolver el desafío de contar las islas en una matriz bidimensional, podemos usar un enfoque de búsqueda en profundidad (DFS) para explorar cada elemento 1 y marcar todos los 1s conectados como parte de una isla. Aquí te muestro cómo podrías implementarlo:

function contarIslas(matriz) {
    let contadorDeIslas = 0;

    function dfs(fila, columna) {
        // Verificar si la posición está fuera de los límites de la matriz o es agua
        if (fila < 0 || fila >= matriz.length || columna < 0 || columna >= matriz[0].length || matriz[fila][columna] === 0) {
            return;
        }

        // Marcar la tierra actual como visitada (agua) para evitar contarla más de una vez
        matriz[fila][columna] = 0;

        // Explorar todas las direcciones posibles: arriba, abajo, izquierda, derecha
        dfs(fila - 1, columna); // Arriba
        dfs(fila + 1, columna); // Abajo
        dfs(fila, columna - 1); // Izquierda
        dfs(fila, columna + 1); // Derecha
    }

    for (let i = 0; i < matriz.length; i++) {
        for (let j = 0; j < matriz[0].length; j++) {
            if (matriz[i][j] === 1) {
                contadorDeIslas++;
                dfs(i, j); // Usar DFS para marcar toda la isla como visitada
            }
        }
    }

    return contadorDeIslas;
}

// Ejemplo de uso
const matriz = [
  [1, 1, 0, 0, 0],
  [0, 1, 0, 0, 1],
  [1, 0, 0, 1, 1],
  [0, 0, 0, 0, 0],
  [1, 0, 1, 0, 1]
];
console.log(contarIslas(matriz)); // Debería retornar 6

• La función contarIslas toma una matriz bidimensional matriz como argumento, donde 1 representa tierra y 0 representa agua.

• Se define una función interna dfs (búsqueda en profundidad) que explora cada 1 (tierra) y sus 1s adyacentes (horizontal y verticalmente), marcándolos como 0 para evitar contarlos más de una vez.

• Se inicializa un contador contadorDeIslas para llevar la cuenta de las islas encontradas.

• Se itera sobre cada elemento de la matriz, y cuando se encuentra un 1, se incrementa contadorDeIslas y se llama a dfs para explorar y marcar toda la isla.

• Finalmente, contarIslas retorna el número total de islas encontradas.

CHALLENGE DE HOY ⚔️ 
Sumar Elementos Únicos en un Array

Se te da un array de números enteros y tu tarea es desarrollar una función que encuentre y sume solo los elementos que son únicos en el array, excluyendo aquellos que tienen duplicados.

Tareas a realizar:

1. Implementa una función sumaElementosUnicos que acepte un array de enteros como argumento.

2. La función debe calcular y retornar la suma de los elementos que son únicos en el array.

3. Considera que el array puede contener números positivos, negativos y cero.

console.log(sumaElementosUnicos([1, 2, 3, 2, 4, 3, 5])); // Debería retornar 10 (1+4+5)
console.log(sumaElementosUnicos([-1, -1, 2, -2, 3, 3, 4])); // Debería retornar 4 (2-2+4)

• Puedes usar un objeto o un Map para llevar un registro de la frecuencia de cada elemento en el array.

• Luego, puedes iterar sobre este objeto o Map y sumar solo aquellos elementos cuya frecuencia sea exactamente 1.

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 👀