Los stacks más populares para hacer Landing Pages

Ya casi es esa época del año donde todo el Internet se llena de landing pages donde venden productos y servicios. ¿Sabes cuál el stack más utilizado para construirlas? En este artículo te lo decimos.

¿Por qué los diseñadores diseñan formularios?

Este artículo es una reflexión sobre la importancia del diseño y de las pruebas de usuario en uno de los componentes más importantes al desarrollar webs.

NOTICIA
jQuery 4.0.0

Aunque aun no sale, no falta mucho para que salga la siguiente versión de la biblioteca JavaScript más popular. ¿Tú aún lo usas?

HERRAMIENTA
React Magic Notion

Esta biblioteca te ayudará a hacer tus proyectos más movidos de una forma fácil y sencilla.

EL RINCÓN DE CSS
Algunas funciones de CSS que aún no conocía

CSS es un lenguaje que esta evolucionando y adaptándose a las necesidades de los usuarios día con día, y con estas funciones nuevas, tus sitios serán más responsivos y accesibles.

VACANTE
Desarrollador/a Frontend (React)

En LHH, están en búsqueda de un/a Programador/a Frontend, para unirse al equipo de su cliente, empresa tecnológica con proyectos en sector movilidad.

CHALLENGE

Desarrolla una función en JavaScript que actúe como un mini intérprete de comandos. La función debe ser capaz de interpretar comandos simples como "sumar", "restar", "multiplicar" y "dividir", aplicados a dos números.

Requisitos:

1. La función debe recibir una cadena de texto que representa el comando y los dos números.

2. El formato del comando será "[acción] [número1] [número2]".

3. La función debe soportar las siguientes acciones: "sumar", "restar", "multiplicar", "dividir".

4. Debe manejar errores como comandos inválidos o división por cero.

Ejemplo:

• Entrada: "sumar 10 5"

• Salida esperada: 15

Este desafío te ayudará a practicar el manejo de cadenas, la lógica de programación y el manejo de errores en JavaScript.

RESULTADO

function interpreteDeComandos(comando) {
    const partes = comando.split(' ');
    if (partes.length !== 3) {
        return 'Comando inválido';
    }

    const accion = partes[0];
    const numero1 = parseFloat(partes[1]);
    const numero2 = parseFloat(partes[2]);

    if (isNaN(numero1) || isNaN(numero2)) {
        return 'Error: Entradas no numéricas';
    }

    switch (accion) {
        case 'sumar':
            return numero1 + numero2;
        case 'restar':
            return numero1 - numero2;
        case 'multiplicar':
            return numero1 * numero2;
        case 'dividir':
            return numero2 !== 0 ? numero1 / numero2 : 'Error: División por cero';
        default:
            return 'Acción no reconocida';
    }
}

// Pruebas de la función
console.log(interpreteDeComandos("sumar 10 5")); // Debería mostrar 15
console.log(interpreteDeComandos("dividir 10 0")); // Debería mostrar Error: División por cero