#111 El último del año.

10 tendencias de Desarrollo Web en 2023

¡Hola comunidad! Ha sido un gran viaje este primer año del newsletter, con este, hemos enviado 111 números. El siguiente año cumplimos 4 años como Frontenderos y queremos ir más allá 🚀 así que, prepárate para sorpresas con el newsletter, el podcast y la comunidad en general.

Season 9 Thank You GIF by The Office

10 tendencias de Desarrollo Web en 2023

crystal ball animation GIF by Hey Pantarei

Este es un articulo del 25 de Enero con predicciones para tendencias de desarrollo web en este año que se termina. ¿Cuántos de estos se cumplieron? ¿Cuántos fueron un poco diferentes? ¿Te atreves a crear tus propias predicciones para el mundo frontendero en 2024?

90 tutoriales, bibliotecas y recursos de Laravel de 2023

Aunque Laravel es una framework para backenderos, y no frontenderos, igual sirve para poder trabajar más en un equipo multidisciplinario. Quien sabe, quizás de año nuevo te vuelvas fullstackero. 🤭 

Tendencias para ver en 2024 para WordPress developers

¿Eres un Frontendero que trabaja con WordPress? Estas son las tendencias, noticias y cosas que necesitas saber para el siguiente año.

HERRAMIENTA 🛠️ 
SVG Chart Generator

¿Necesitas un generador de gráficas en SVG? Siempre viene bien para un proyecto tipo dashboard, y con esta herramienta, lo harás muy fácil y rápido.

CSS Components

Esta no es otra biblioteca de estilos o system design, pero una utilidad para componer estilos utilizando components de React clásicos. Suena raro, ¿verdad? Es mejor si entras al siguiente link y lo pones a prueba.

Fontpair

Una de las tareas más difíciles de hacer, es emparejar tipografías para que combinen adecuadamente en un proyecto. Imagina si tuvieras una herramienta o sitio que te diese recomendaciones para hacerlo. ¿Te gustaría? Pues ya no imagines más, aquí lo tienes. 

INSPIRACIÓN 💡 

Proyectos más leídos en The Brand Identity

The Brand Identity, es un sitio y directorio de exploración de los proyectos más interesantes, arriesgados, divertidos y fascinantes de branding. Y en este link, están los artículos mas leídos del 2023. Para que te inspires.

UN DÍA COMO HOY 🗓️ 

El 31 de diciembre de 1997, en un intento de Microsoft por competir con AOL (America On line)  anuncia la adquisición de Hotmail. Microsoft compra Hotmail por US$400 millones, la adquisición se completará  el 03 de enero de 1998. Hotmail tenía 8,5 millones de usuarios.

Hotmail rápidamente ganó popularidad ya que fue lanzado para los diferentes mercados del mundo y se convirtió en servicio de webmail más grande del mundo.

El 31 de diciembre de 1999, culminó  la cuenta regresiva para “El problema del año 2000”  (también conocido como el problema Y2K , el bug del milenio o simplemente Y2K). El Y2K era un problema tanto para la documentación digital y no digital y situaciones de almacenamiento de datos que surgieron de la práctica de abreviar el año de cuatro dígitos a dos dígitos.

El 31 de diciembre de 1974, la revista Popular Electronics lanza su edición de enero de 1975 en el cual el ordenador Altair 8800 fue su portada. Para muchos esto marca el inicio de la "Revolución Informática". Popular Electronics es una revista iniciada por Ziff-Davis Publishing, en octubre de 1954 dirigida a los aficionados de la electrónica.

Pronto se convirtió en la "Revista electrónica con mayor venta en el mundo". Paul Allen muestra la portada de la revista a Bill Gates. Desarrollan un intérprete BASIC para la computadoras Altair (sin utilizar nunca un Altair 8800) y allí comenzó Microsoft. La Altair 8800 fue un microordenador que se vendía como un kit a través de la revista, los diseñadores planearon vender solo unos pocos cientos de unidades a los aficionados y terminaron vendiendo diez veces esa cantidad solo en el primer mes.

VACANTE 💼 
Sr. Front End Engineer

Ubicación: América Latina (Remoto)
Empresa: NovoEd 
Requisitos: Más de 5 años de experiencia en desarrollo de software. Más de 3 años de experiencia en ReactJS y componentes funcionales/React Hooks Sólida experiencia trabajando con HTML, CSS/Sass y Javascript Experiencia en el uso de Typecript, Redux, Webpack. Entre otros.
Rango salarial: El salario base para este puesto es de 16.000.000-20.000.000 COP o 90-120 MXN/mes. El salario base real depende de muchos factores, como la capacitación, las habilidades, la experiencia laboral, las necesidades comerciales y la ubicación. El rango de salario base está sujeto a cambios y puede modificarse en el futuro.

Si quieres saber más, entra aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

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

function generarPermutaciones(cadena) {
    if (cadena.length <= 1) {
        return [cadena];
    }

    const permutaciones = [];
    for (let i = 0; i < cadena.length; i++) {
        const caracterActual = cadena[i];
        const caracteresRestantes = cadena.slice(0, i) + cadena.slice(i + 1);
        const permutacionesRestantes = generarPermutaciones(caracteresRestantes);

        for (let permutacion of permutacionesRestantes) {
            permutaciones.push(caracterActual + permutacion);
        }
    }

    return permutaciones;
}

// Ejemplo de uso
const cadena = "abc";
console.log(generarPermutaciones(cadena)); // Debería devolver todas las permutaciones de "abc"
  • La función generarPermutaciones toma una cadena cadena como argumento.

  • Si la longitud de la cadena es 1 o menos, devuelve un array que contiene solo la cadena (caso base para la recursión).

  • Se define un array permutaciones para almacenar todas las permutaciones generadas.

  • La función itera sobre cada carácter de la cadena. En cada iteración, se selecciona un carácter (caracterActual) y se obtienen los caracteres restantes (caracteresRestantes).

  • Luego, se llama recursivamente a generarPermutaciones con los caracteresRestantes para obtener todas las permutaciones de esa subcadena.

  • Cada permutación de la subcadena se concatena con el caracterActual y se agrega al array permutaciones.

  • Finalmente, la función devuelve el array permutaciones con todas las permutaciones posibles de la cadena.

CHALLENGE DE HOY⚔️ 
Hoy vamos a crear una función para implementar la serie FizzBuzz.

FizzBuzz es un problema clásico y simple usado en entrevistas de programación. Dado un número, la función debe imprimir cada número desde 1 hasta ese número. Pero para múltiplos de tres, imprime "Fizz" en lugar del número y para los múltiplos de cinco imprime "Buzz". Para números que son múltiplos de ambos, tres y cinco, imprime "FizzBuzz".

  • La función debe aceptar un número entero como argumento.

  • Debe imprimir (o devolver en un array) la secuencia de FizzBuzz desde 1 hasta el número dado.

  • Debe aplicar las reglas de FizzBuzz para cada número en la secuencia.

fizzBuzz(5); // Debería devolver o imprimir: [1, 2, "Fizz", 4, "Buzz"]

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 👀

¿Qué te pareció el email de hoy?

Iniciar Sesión o Suscríbete para participar en las encuestas.

¡Hasta mañana! 🤟