#102 HTML, las partes malas

HTML, las partes malas

Ok, no todo es miel sobre hojuelas cuando hablamos de HTML, y una de las razones por las que no se usan al pie de la letra los estándares, es por la deficiencia que HTML presenta. En el siguiente artículo se discuten las más populares y que puedes usar en su lugar.

Baseline 2023

Una cosa muy molesta para el frontendero moderno, es querer usar una de las ultimas características de CSS, y darse cuenta que tu navegador favorito y, por consecuente, uno de los navegadores que tus usuarios tienen, no pueda soportar esa característica. En espíritu de cooperación interoperacional, se ha creado Baseline, una forma de mostrar información clara y concisa sobre si tu navegador soporta las ultimas características de la web. Ya disponible en caniuse.com, MDN y web.dev

El poder de la URL en el manejo de estado

Recientemente con la popularización de la API de View Transitions, ha vuelto a tomar relevancia lo importante de las URLs. Bueno, realmente nunca ha dejado de ser importante, pero ahora es mas visible 😉 y aunque este articulo es sobre Next.js, aplica para todo framework de JavaScript moderno.

INSPIRACIÓN 💡 
5 tendencias en Diseño Web para 2024

Algunas de estas tendencias han estado los últimos años, pero con las nuevas características de CSS y HTML, quizás se vuelvan más interesantes. Vale la pena inspeccionarlas y ver si podemos seguirlas y si pueden servir para nuestro propósito.

GUÍA 📖 
Diseñando pestañas perfectas

Este es un tutorial de diseño, pero una vez que lo leas, entenderás los fundamentos de uno de los componentes más populares y útiles en el diseño web.

Comandos de Linux

Frontendero que se respeta, no le teme a la linea de comandos de Linux. 😎 Tanto si alguna vez te toca desplegar tu propio proyecto en un server de 5 dólares, como si haces la transición a FullStack o Backend u otra especialización, necesitas conocer los comandos Linux más populares. Es como andar en bici. 🚲️ 

HERRAMIENTA 🛠️ 
Crea un Design System

Si después de todos los artículos que te hemos recomendado sobre Design Systems, quieres crear el tuyo propio, te tenemos la herramienta para hacerlo. 🛠️ 

NOTICIA 📰 
Oxlint

¿Necesitamos otro linter para JavaScript? Tal vez. 🤔 ¿Necesitamos que sea muy rápido? Puede ser. 🤨 ¿Necesitamos que esté escrito en Rust? ¡Claro que sí! 😃 Ya hablando en serio, siempre es bueno tener alternativas de herramientas y que tengan compatibilidades, o interoperabilidad, o el mismo diseño, pero con detalles adicionales que luego buscamos. Y eso, es Oxlint.

UN DÍA COMO HOY 🗓️ 

El 22 de diciembre de 2000, Agencia de Seguridad Nacional de los Estados Unidos (NSA ) lanza la versión 1.0 de Security-Enhanced Linux (SELinux). SELinux es un conjunto de modificaciones en el kernel de Linux que proporciona un control de acceso obligatorio fuerte pero flexible (MAC) de la arquitectura similar a la utilizada por los Estados Unidos. La NSA es el desarrollador original y principal de SELinux, el código utilizado proviene del Kernel de Linux 2.6.0-test3 lanzado el 8 de agosto de 2003.

El 22 de diciembre de 1905, nace en Londres, Inglaterra, Tommy Flowers, ingeniero electricista graduado en la Universidad de Londres. Conocido como el creador del “Colossus”. El "Colossus" fue uno de los primeros computadores electrónicos programables del mundo. En 1926, se unió a la rama de telecomunicaciones de la Administración de Correos (GPO). En 1942, Flowers se une a los esfuerzos para el rompimiento de códigos secretos alemanes durante la segunda guerra mundial y lidera el desarrollo del ”Colossus” una de las primeras computadoras electrónicas digitales, y la primera computadora electrónica programable del mundo.

VACANTE 💼 
Desarrollador Frontend

Ubicación: Remoto
Empresa: Smart Talent
Requisitos: Angular 2+, Azure, React, TypeScript Labores diarias: Reunión diaria de scrum (daily). Análisis de HU con el squad de desarrollo y PO. Pruebas unitarias.
Beneficios: Seguro de salud Sura. Seguro de vida Sura. Seguro exequial. Formación y desarrollo. Clases de inglés. Productos turísticos nacionales o internacionales con tarifa neta y descuento de nómina (0% interés) Bono de viaje $700.000 anual. Día de cumpleaños FREE.

¿Te interesa? Puedes aplicar aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

¡Gracias a los que contestaron el challenge de ayer! Aquí te dejamos nuestra respuesta:

function sumarRango(rango) {
    // Determinar el inicio y el fin del rango
    const inicio = Math.min(rango[0], rango[1]);
    const fin = Math.max(rango[0], rango[1]);

    // Sumar todos los números en el rango
    let suma = 0;
    for (let i = inicio; i <= fin; i++) {
        suma += i;
    }

    return suma;
}

// Ejemplo de uso
console.log(sumarRango([1, 4])); // Debería devolver 10
console.log(sumarRango([4, 1])); // Debería devolver 10 también

• La función sumarRango toma un array rango de dos números como argumento.

• Primero, determina el número más pequeño (inicio) y el más grande (fin) del rango para manejar rangos en cualquier orden.

• Luego, utiliza un bucle for para iterar desde el inicio hasta el fin del rango, sumando cada número al total.

• Finalmente, devuelve la suma total de los números en el rango.

Este enfoque garantiza que se sumen todos los números en el rango, independientemente de si el rango es ascendente o descendente.

CHALLENGE ⚔️ 

Hoy vamos a eliminar duplicados de un arreglo.

Trabajar con arrays y eliminar duplicados es una tarea común en programación. Tu tarea es implementar una función que tome un array y devuelva un nuevo array sin elementos duplicados.

• La función debe aceptar un array como argumento.

• Debe devolver un nuevo array que contenga solo elementos únicos del array original.

• La función debe preservar el orden de los elementos.

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 👀