#129 Predicciones frontenderas para 2024

Predicciones frontenderas para 2024

2023 fue un gran año para el frontend, y 2024 lo será aún más. 🔮 Hay cosas que apenas empezamos a vislumbrar, cómo van a funcionar como las herramientas de AI o el SSR, además de la batalla campal de Meta-frameworks que se avecina para ver quien se queda con la corona. 2024 va a ser emocionante para el mundo del frontend sin duda alguna.

Cosas que descubrimos sobre AI en 2023

El 2023 comenzó con la implosión de ChatGPT, y desde ahí, todo fue AI y sus multiples ramificaciones. Pero entre tanto ruido, ¿recuerdas todo lo que pasó? Este es tu recordatorio para saber el status de AI o LLMs en el 2023.

El legado de InVisionApp

Siempre es triste cuando un proyecto muere. 💀 Sobre todo si lo has utilizado por muchos años. InVisionApp, era una herramienta que dominaba el mercado en tiempos en que la gente aún usaba Photoshop para diseñar Webs, y hay que recordar su legado, y sobre todo las enseñanzas que su marcha nos deja.

EL RINCÓN DEL DISEÑADOR 🎨 
Nombrando design tokens

Design tokens, son los átomos de un Design System. Describen colores, fuentes, espacios y otros elementos básicos. Pero nombrarlos es difícil, como todo en la programación. No te preocupes, una vez que leas esta guía, tus design tokens estarán bien nombrados. 😉 

HERRAMIENTA 🛠️ 
Remix Resources

Muy posiblemente se hablará en este newsletter de estos recursos de Remix de forma individual, pero mientras tanto, contempla el ecosistema naciente del framework.

INISPIRACIÓN 💡 
7 plataformas para aprender React de forma gratuita

React sigue siendo la biblioteca favorita para construir UIs, y sobre la que se construyeron muchos frameworks, por lo que si estas buscando entrar al mundo del frontend muy posiblemente necesites saber React. Aquí tienes 7 plataformas donde puedes aprender React de forma gratuita o a bajo costo.

UN DÍA COMO HOY 🗓️ 

El 18 de enero de 2012, Wikipedia en inglés, Google, Mozilla, Wordpress y otras compañías de internet realizaron un “apagón” como medida de protesta en rechazo a las propuestas de ley estadounidenses SOPA y PIPA. El apagón de Wikipedia consistió en un bloqueo autoimpuesto impidiendo ingresar al contenido del sitio, y mostrando en cambio una pantalla negra donde se leía «Internet debe seguir siendo libre», ejemplificando que es lo que puede suceder con la censura en Internet.

VACANTE 💼 
FrontEnd Web Developer

Ubicación: México
Empresa: HCLTech
Requisitos: Más de 3 años de experiencia en frontend/gestión de contenidos. Licenciatura en Ciencias de la Computación o equivalente. Experiencia en la creación de aplicaciones web utilizando HTML, CSS y JavaScript. Algo de experiencia en Back End es útil. Conocimiento en herramientas y procesos de depuración. Entre otros.
Beneficios:Contratación Directa, esquema 100% nómina.Beneficios por encima de ley (Seguro médico mayor y menor, fondo de ahorro, cupones de despensa). Gran ambiente de trabajo. Ambiente multicultural.

Si quieres postularte, entra al siguiente link. 🤞 

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

function evaluarExpresion(expresion) {
    // Validar la expresión para asegurarse de que solo contenga números, operadores y espacios
    if (!/^[0-9+\\-*/\\s]+$/.test(expresion)) {
        throw new Error("La expresión contiene caracteres no válidos");
    }

    // Crear una función anónima que devuelve el resultado de la expresión
    try {
        const funcion = new Function('return ' + expresion);
        return funcion();
    } catch (error) {
        throw new Error("Expresión matemática inválida");
    }
}

// Ejemplo de uso
console.log(evaluarExpresion("3 + 4"));        // Debería devolver 7
console.log(evaluarExpresion("10 - 5 * 2"));   // Debería devolver 0

• Primero, la función verifica que la expresión solo contenga números, operadores matemáticos básicos y espacios. Esto se hace usando una expresión regular.

• Si la expresión contiene caracteres no válidos, se lanza un error.

• Luego, se utiliza el constructor Function para crear una función anónima que evalúa la expresión. Esto es más seguro que utilizar eval() directamente, ya que Function no tiene acceso al ámbito local y es menos susceptible a ataques de inyección de código.

• Si la sintaxis de la expresión es incorrecta y causa un error durante la creación de la función, se captura el error y se lanza un nuevo error indicando que la expresión matemática es inválida.

CHALLENGE DE HOY ⚔️ 
Ya un día convertimos de decimal a romano ahora vamos a hacerlo al revés.

Crea una función en JavaScript que convierta números romanos a su equivalente en números decimales.

• La función debe aceptar un string que representa un número romano.

• Debe devolver el número decimal equivalente.

• Asume que el string de entrada siempre es un número romano válido.

Ejemplo:

convertirRomanoADecimal("IX"); // Debería devolver 9
convertirRomanoADecimal("XLII"); // Debería devolver 42

• Puedes crear un mapa de los valores de los números romanos y luego iterar sobre el string para calcular el valor decimal.

• Recuerda que en los números romanos, si un número menor precede a uno mayor, se resta del total.

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 👀