#134 Como Google perfeccionó la Web

Como Google perfeccionó la Web

Cuando uno diseña un nuevo sitio web, lo hace para su cliente, para los usuarios o para Google. Y es que, al haber liberado tantas herramientas, como Chrome y servicios como AdSense y AdWords, a través de los años que han forjado la Web moderna, no nos debería sorprender que tenga el 90% del mercado de búsquedas. Pero, ¿qué tanto influye Google en el diseño de páginas Web? Pues bastante, sino mira el siguiente articulo.

10 cosas que los Software Developers deberían aprender sobre aprender

¿Sabes cuál es la habilidad numero 1 que debes tener para ser un gran Software Developer ergo Frontendero? Es saber aprender. Y estas son las 10 cosas que debes saber sobre human learning (sí es un chiste)

El voto popular de Interop 2024

El año pasado, se hablo mucho del proyecto Interop, un esfuerzo de colaboración para que todos los navegadores principales puedan trabajar en los mismos estándares Web y que esta sea una plataforma universal Pero, ¿cuales son las principales propuestas que se van a trabajar este año? Bueno, echa un vistazo.

INISPIRACIÓN 💡 
Los 100 mejores Pens del 2023

CodePen, es uno de los Playground de la Web. Tantos experimentos y demos son mostrados diariamente, que es una fuente inagotable de inspiración para frontenderos. Y para celebrar el talento, hicieron una recopilación de los 100 mejores pens del año.

TEMPLATES 🖥️ 
Tailplates

20 boilerplates de TailwindCSS por el precio de $10 USD para varios tipos de sitios web.

HERRAMIENTA 🛠️ 
Pines

Pines, es una biblioteca de animaciones, sliders, tooltips, acordeones, modales y más, que puede ser utilizada tan fácilmente como copiar y pegar en proyectos Tailwind y Alpine.

EL RINCÓN DE CSS 👨‍💻 
Echando un vistazo a @property en CSS

La regla @property es parte del proyecto Houdini que pretende dar más poder a los devs al momento de escribir CSS. Con @property, puedes definir tus propias variables y es más potente que los custom properties. Revisa este link para aprender más al respecto.

NOTICIA 📰 
TheJam.dev 2024

Mañana hay evento con la crema y nata del mundo frontendero dando charla. Desgraciadamente, nuestra invitación para dar una charla se perdió en el camino y no podremos dar 😢 pero aun así tienes que verla.

EL RINCÓN DEL DISEÑADOR 🎨 
Comparación de Blur radius

No, no estas loco, el blur varia entre herramientas de diseño y como se aplica en navegadores. A menos que no te hubieras dado cuenta antes, pero ahora, si te dicen que no se ve igual un sombreado entre diferentes implementaciones podrás usar este articulo y explicarles a quien te pregunte cual es la razón de tal suceso.

UN DÍA COMO HOY 🗓️ 

El 23 de enero de 1996, Sun Microsystem libera la versión 1.0 del  JDK de Java  bajo el lema de "Escribe una vez, ejecuta en todas partes", iniciando un capítulo importante en la industria de desarrollo del software. El 19 de febrero de 1997 la versión 1.1 de JDK fue liberada y tuvo dos millones de descargas. Aunque se puede crear software libre con Java ya que es un lenguaje de programación con una especificación abierta, para su ejecución depende de la máquina virtual  Java, que no era software libre. Richard Stallman llamó a esta situación como "la trampa de Java", pues aunque el programa desarrollado sea software libre, este puede encontrar dificultades para distribuirse en entornos de software libre.

VACANTE 💼 
Angular JS Developer (Freelance)

Ubicación: América Latina (Remoto)
Empresa: knowmad mood
Requisitos: Es un proyecto inicialmente de 6 meses, con las siguientes cualificaciones: +4 años de experiencia en desarrollo de software de aplicaciones con Angular. Habilidades de programación en JavaScript, HTML, CSS. Conocimiento de la optimización del rendimiento de aplicaciones. Experiencia trabajando con equipos de diseño para optimizar la experiencia del cliente final. Conocimiento de metodología ágil, Srum y Kanban. Pasión por la tecnología y la metodología de puesta en marcha.

Para conocer un poco más sobre esta vacante, entra aquí. 🤞 

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

function sonArraysIguales(array1, array2) {
    // Comprobar si los arrays tienen la misma longitud
    if (array1.length !== array2.length) {
        return false;
    }

    // Comparar los elementos de los arrays uno a uno
    for (let i = 0; i < array1.length; i++) {
        if (array1[i] !== array2[i]) {
            return false;
        }
    }

    return true;
}

// Ejemplo de uso
console.log(sonArraysIguales([1, 2, 3], [1, 2, 3])); // Debería devolver true
console.log(sonArraysIguales([1, 2, 3], [3, 2, 1])); // Debería devolver false

• La función sonArraysIguales toma dos arrays, array1 y array2, como argumentos.

• Primero, verifica si ambos arrays tienen la misma longitud. Si no es así, devuelve false.

• Luego, itera a través de los elementos de los arrays. En cada iteración, compara los elementos correspondientes de ambos arrays.

• Si encuentra elementos que no son iguales, devuelve false.

• Si la iteración completa y todos los elementos son iguales, devuelve true.

CHALLENGE DE HOY ⚔️ 
Hoy vamos a trabajar con el cifrado César.

El cifrado César es una técnica simple de encriptación donde cada letra en el texto es reemplazada por otra letra que se encuentra un número fijo de posiciones más adelante en el alfabeto.

Por ejemplo, con un desplazamiento de 3, la 'A' se convertiría en 'D', la 'B' en 'E', y así sucesivamente.

1. Implementa una función cifrarCesar que acepte dos argumentos: una cadena de texto (texto) y un número entero (desplazamiento).

2. La función debe retornar el texto encriptado usando el cifrado César con el desplazamiento proporcionado.

3. Considera que el alfabeto solo contiene letras mayúsculas y minúsculas. Otros caracteres (como espacios, signos de puntuación) deben permanecer sin cambios.

4. Asegúrate de que la función maneje el final del alfabeto correctamente (por ejemplo, 'Z' con un desplazamiento de 1 se convierte en 'A').

Ejemplo:

console.log(cifrarCesar("ABCD", 3)); // Debería retornar "DEFG

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 👀