frontenderos icon

Podcast

Newsletter

#199 5 elementos claves para el exito de un sitio WordPress empresarial

TinyBase

5 elementos claves para el éxito de un sitio WordPress empresarial

WordPress lleva ya mucho tiempo en el mercado y con cada cambio que sucede en el mundo del desarrollo web, también hay que hacer actualización de este. En el ámbito empresarial se sabe que es una de las herramientas mas utilizadas y si tu trabajo consiste en crear y/o mantener sitios empresariales en WordPress, toma en cuenta estas 5 recomendaciones para asegurar el éxito de tu trabajo.

HERRAMIENTA 🛠️ 
TinyBase

TinyBase, es una biblioteca para almacenar estado en aplicaciones web con énfasis en la sincronización en la nube y buen manejo de modos offline. Pero no solo eso, también te da un query language, ORMs para bases de datos SQL y es super pequeño.

Shiki

Aquí tienes un syntax highlighter para cuando tengas que mostrar código en una proyecto web que tiene soporte para varios temas y un montón de lenguajes de programación y otras tecnologías. Su principal ventaja es que puede ejecutarse en cualquier runtime de JS, navegador y Node.js, entonces lo vas a poder usar en cualquier lado.

EL RINCÓN DE CSS 👨‍💻 
Propuesta CSS Variable Groups

Lea Verou hace una propuesta para poder tener custom properties aka variables css bajo namespaces para que sea más fácil trabajar con design tokens, design systems e integrar bibliotecas de terceros. Cuando leas esta propuesta y su justificación, vas a asentir y decir, quiero esto.

EL RINCÓN DE LA ACCESIBILIDAD  
This is WCAG

Guarda este sitio en tus marcadores para la siguiente vez que tengas una duda sobre algún tema de accesibilidad web y necesites una forma rápida de acceder a una de las muchas recomendaciones que todos tenemos que seguir.

LANZAMIENTO 🚀 
Speedometer 3.0, la mejor manera de medir el desempeño del navegador

Fruto de la colaboración entre los equipos de los principales navegadores Web, hay una nueva versión de Speedometer, la herramienta para medir el desempeño de los navegadores utilizando populares frameworks JavaScript al renderizar el popular proyecto TodoMVC. Al realizar estas pruebas vas a poder ver de primera mano como se realizan pruebas en el DOM y te puede servir para tener mejores insight a futuro.

NOTICIA 📰 
Vultr se volvió loco

Seth Meyers Lol GIF by Late Night with Seth Meyers

Vultr recientemente cambió sus términos y condiciones diciendo que tienen derechos comerciales completos y perpetuos para todo el contenido hospedado en sus servidores, ¡qué diantres! Si usas este servicio considera buscar otro hosting lo antes posible.

UN DÍA COMO HOY 🗓️ 

En marzo de 1951, se entrega el primer UNIVAC, es el primer computador digital con memoria de almacenamiento para aplicaciones comerciales.

Un año antes, 1951, La escasez de capital obliga a J. Presper Eckert y John Mauchly a vender su empresa a Remington Rand, Inc., un importante fabricante de máquinas de oficina, en 1950.

En 1952, la Remington Rand adquiere la firma “Minnesota de Engineering Research Associates”, una empresa de informática con vínculos con la industria de defensa.

A sugerencia de Remington Rand, CBS Television utiliza una UNIVAC para predecir el resultado de las elecciones presidenciales de 1952.

Este maravilloso golpe de relaciones públicas ayudó a la UNIVAC a capturar la imaginación del público.

Durante la década de 1950, cuarenta y seis modelos UNIVAC I fueron vendidos.

Sin embargo, en 1954 IBM introdujo su ordenador IBM 650, que fue un gran éxito comercial y tecnológico, y Remington Rand vio su ventaja desaparecer de manera drástica.

VACANTE 💼 
Frontend Developer

Ubicación: América Latina (Remoto)
Empresa: Recruiting from Scratch
Requisitos: Licenciatura o equivalente en Ciencias de la Computación Más de 2 años de experiencia en desarrollo frontend. Familiaridad con el uso de metodologías de desarrollo Scrum/Agile. Experiencia en la creación de aplicaciones web orientadas a objetos en JavaScript, HTML5 y CSS3.
Responsabilidades: Diseño, desarrollo y prueba de UI para aplicaciones móviles y web. Cree código y bibliotecas reutilizables para uso futuro Traduzca con precisión las necesidades de los usuarios y de la empresa en un código de interfaz funcional.

¿Te interesó esta vacante? Entra al siguiente link. 🤞 

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

Para calcular el Máximo Común Divisor (MCD) de dos números enteros positivos usando el algoritmo de Euclides, puedes seguir el siguiente enfoque en JavaScript:

function calcularMCD(num1, num2) {
    // Caso base: Si num2 es igual a 0, entonces todo número es divisible por 0,
    // entonces retornamos num1 como el MCD.
    if (num2 === 0) {
        return num1;
    }

    // Aplicamos el algoritmo de Euclides recursivamente
    return calcularMCD(num2, num1 % num2);
}

// Ejemplo de uso
console.log(calcularMCD(48, 18)); // Debería retornar 6
console.log(calcularMCD(20, 5)); // Debería retornar 5
console.log(calcularMCD(0, 5)); // Debería retornar 5
console.log(calcularMCD(0, 0)); // Caso especial, retorna 0
  • La función calcularMCD toma dos números enteros num1 y num2 como argumentos.

  • Se utiliza el algoritmo de Euclides para calcular el MCD, que dice que el MCD de dos números también divide el resto de la división del mayor entre el menor.

  • El caso base de la recursión ocurre cuando num2 es igual a 0. En este caso, el MCD es num1, porque el MCD de cualquier número y 0 es el número mismo.

  • Si num2 no es 0, se realiza una llamada recursiva a calcularMCD, pasando num2 como el primer argumento y el resto de la división de num1 entre num2 como el segundo argumento.

  • Esta función continúa llamándose a sí misma recursivamente, reduciendo el problema a un par de números más pequeños cada vez, hasta que alcanza el caso base.

  • Finalmente, se retorna el MCD de los dos números.

CHALLENGE DE HOY ⚔️ 

Rotar un Array

La rotación de un array implica mover sus elementos hacia la derecha de tal manera que el último elemento se convierta en el primero, repetidamente, n veces. Tu tarea es desarrollar una función que tome como entrada un array y un número entero positivo n, que representa el número de rotaciones a realizar, y retorne el array después de aplicar las rotaciones.

1. Implementa una función rotarArray que acepte un array y un número entero positivo n como argumentos.

2. La función debe rotar los elementos del array hacia la derecha n veces.

3. Retorna el array después de aplicar las rotaciones.

console.log(rotarArray([1, 2, 3, 4, 5], 2)); // Debería retornar [4, 5, 1, 2, 3]
console.log(rotarArray(['a', 'b', 'c', 'd'], 3)); // Debería retornar ['b', 'c', 'd', 'a']
  • Considera el uso de métodos de array como pop, push, shift, y unshift para manipular los elementos del array.

  • Recuerda tratar el caso en que n es mayor que la longitud del array, lo que podría requerir que n sea ajustado para evitar rotaciones innecesarias.

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! 🤟