#132 Bootcamps de WebDev y JS gratuitos para 2024

Bootcamps de WebDev y JS gratuitos para 2024

Enero es el mes de comenzar a cumplir nuevos propósitos, como comenzar a ahorrar, aprender a conducir o a cocinar o volverte el frontendero que siempre quisiste ser. 🧑‍💻 Para los dos primeros no sabemos como ayudarte 🤭 pero para el tercero sí, y aquí te dejamos links para bootcamps que puedes tomar para llevar tu carrera al siguiente nivel.

Como aprender Cypress.io Test Runner en 2024

¿Necesitas una guía de cómo aprender a hace testing E2E porque te lo piden en tu siguiente chamba a la que quieres aplicar? No busques más, con estos links sobre cómo aprender a utilizar Cypress, vas a rockear. 🤘 

Haciendo la Indie Web más fácil

La Indie Web es el último espacio de resistencia frente al corporativismo que quiere tener toda tu información. Y esta bien que tengas redes sociales por ocio o por tu trabajo, pero también esta bien que quieres tener control de tu contenido y de lo que haces en Internet, y eso precisamente es lo que te da la Indie Web. Pero crear sitios para la Indie Web esta medio desconectado de la realidad, porque la mayoría de los plugins y tutoriales son para WordPress, necesitamos hacer la Indie Web más fácil de operar y utilizar.

GUÍA 📖 
El manual de las cadenas de texto en JavaScript

Si eres frontendero, vas a tener que saber trabajar con cadenas de texto sí o sí. Es una de las 3 APIs de JavaScript que todo frontendero debería conocer al derecho y al revés. Y por esa razón, debes leer esta guía.

React Router, una guía de principiantes

¿Sabes utilizar React Router? ¿Quieres aprender a utilizarlo mejor? Chécate esta guía que te llevará por los conceptos que necesitas saber para hacer tus proyectos React mas profesionales.

HERRAMIENTA 🛠️ 
Schedule X

Otra herramienta para tu cinturón de herramientas. Un calendario con estilos de material design Open Source con modo dark y drag and drop. Con esto, tus apps que necesitan calendario, se verán hermosas. 🤩 

NOTICIA 📰 
react-icons v5.0

Ya esta aquí la versión 5 de react-icons, la biblioteca desde la que puedes importar iconos de las colecciones más populares existentes. Las mejoras son sobre todo de desempeño, pero si no la conocías, esta es tu oportunidad.

Presentando Superglue

Los compas de Thoughtbot, siempre pensando en el programador, acaba de lanzar un framework que combina lo mejor de Rails y lo mejor de React, para esos programadores que no podían tener ambos, sobre todo, por la gerencia del BDFL de Rails. Ahora habrá mas chamba para los frontenderos que quieran trabajar con Rails.

INISPIRACIÓN 💡 
7 predicciones para Web Design en 2024

Mientras sea Enero, que sigan las predicciones de lo que va a pasar en la Industria, aunque a veces se repitan, ¿Cuántas de estas tendencias se cumplirán? En diciembre haremos repaso de todos los links que publicamos.

UN DÍA COMO HOY 🗓️ 

El 21 de enero de 2000, el hacker Kevin David Mitnick, de 36 años sale de la cárcel bajo libertad condicional que le impiden utilizar cualquier ordenador durante tres años.
Fue liberado de prisión ocho meses antes de tiempo por buena conducta.E
n 1995, Mitnick se declaró culpable de cargos de fraude informático por un valor de $USD 290 millones.

VACANTE 💼 
Full Stack Web

Ubicación: México (Remoto)
Empresa: Contalink
Requisitos:Al menos 3 años de experiencia en el desarrollo de aplicaciones web, tanto en el backend como en el frontend. Capacidad para operar eficazmente en un ambiente de equipo de ritmo rápido, en constante evolución y 100% remoto. Habilidad para aprender y adoptar nuevas tecnologías, lenguajes, frameworks o herramientas durante el proceso de desarrollo. Entre otros.
Beneficios: Rango salarial competitivo. $1200 MXN para apoyo de gastos Home Office. Prestaciones de Ley. 2 Semanas de Vacaciones desde primer año. Entre otros.

Para saber mas sobre el proceso de postulación, ingresa aquí. 🤞 

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

function contarFrecuenciaCaracteres(texto) {
    const frecuencia = {};

    // Convertir el texto a minúsculas para unificar el conteo
    const textoMinúsculas = texto.toLowerCase();

    // Iterar sobre cada carácter del texto
    for (const char of textoMinúsculas) {
        if (char.match(/[a-z]/i)) { // Considerar solo caracteres alfabéticos
            frecuencia[char] = (frecuencia[char] || 0) + 1;
        }
    }

    return frecuencia;
}

// Ejemplo de uso
console.log(contarFrecuenciaCaracteres("Hola Mundo")); // Debería devolver { h: 1, o: 2, l: 1, a: 1, m: 1, u: 1, n: 1, d: 1 }

• La función contarFrecuenciaCaracteres toma un string texto como argumento.

• Convierte el string a minúsculas para que la frecuencia de las letras no sea sensible a mayúsculas/minúsculas.

• Itera sobre cada carácter del string. Utiliza una expresión regular (/[a-z]/i) para asegurarse de que solo se cuenten los caracteres alfabéticos.

• Si el carácter es alfabético, actualiza su conteo en el objeto frecuencia. Si el carácter no se ha encontrado antes, lo inicializa a 1, de lo contrario, incrementa su valor existente.

• Finalmente, devuelve el objeto frecuencia que contiene la cuenta de cada carácter.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que tome un array de números y genere un histograma como un objeto.

Los histogramas son útiles para representar la distribución de un conjunto de datos.

• La función debe aceptar un array de números como argumento.

• Debe devolver un objeto en el que las claves son los números únicos del array, y los valores son la cantidad de veces que cada número aparece en el array.

• Los números deben ser tratados como valores numéricos, no como strings.

Ejemplo:

const numeros = [1, 2, 2, 3, 3, 3, 4];

La función debería devolver {1: 1, 2: 2, 3: 3, 4: 1}, ya que el número 1 aparece una vez, el 2 dos veces, el 3 tres veces, y el 4 una vez.

• Puedes usar un objeto para llevar un registro de la frecuencia de cada número.

• Un bucle sobre el array puede ser útil para incrementar la cuenta de cada número en el objeto.

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 👀