• Frontenderos
  • Posts
  • #99 Usando una configuración de CSS processing básica

#99 Usando una configuración de CSS processing básica

Organizando un Design System para escalabilidad en Figma

Usando una configuración de CSS processing básica

Hemos publicado algunas guías de cómo construir tu app de JS con un enfoque de aplicación moderna sin utilizar un framework JS moderno. Este artículo es sobre lo mismo, pero para CSS. Cuando termines de leerlo vas a darte cuenta que quizás podrías optimizar y usar CSS vainilla en mas proyectos.

Organizando un Design System para escalabilidad en Figma

Aunque este articulo es mas para diseñadores, y se los puedes compartir a los de tu equipo de trabajo, te sirve para entender mejor como funcionan y como puedes usarlos.

Como se compara cualquier herramienta a Panda CSS

Black And White Panda GIF

¿Has considerado utilizar Panda CSS, pero no sabes cuales son las ventajas y la razón de su desarrollo? Chécate este articulo.

HERRAMIENTA 🛠️ 
Enterprise Stack

Otro boilerplate para que te diviertas y tengas herramientas para construir más rápido tus proyectos, y esta vez con Svelte. Si te gustan estas guías respóndenos si te gustaría que buscáramos de Angular y Vue para compartírtelas. 😉 

Better commits

¿Cuántas veces has escrito un commit como “fix” o “solution to bug” o “ready new version”? Utilizando esta herramienta, tendrás un prompt que te hará preguntas para armar un mejor commit, que hará mas fácil el trabajo para ti y las personas con las que trabajas.

GUÍA 📖 
Como iniciar con data visualización

La información es poder. Y con esta guía puedes comenzar a hacer que la información hable. Y si buscas inspiración revisa el siguiente link.

INSPIRACIÓN 💡 
The pudding Cup

Las mejores historias o artículos, mostradas con visualización de datos, por si quieres dedicarte a aprender y sacar proyectos chidos el siguiente año. Si haces algo así, compártelo con nosotros y lo publicaremos en nuestro newsletter para todos nuestros lectores. 😀

NOTICIA 📰 
Deno 1.39

El regreso de la API de WebGPU, la sucesora de WebGL, además de muchas mejoras de estabilidad y soporte para TypeScript 5.3.

UN DÍA COMO HOY 🗓️ 

El 19 de diciembre de 1974, le empresa "Micro Instrumentación y Sistemas de Telemetría" (MITS) lanza el Altair 8800. La empresa MITS es fundada por Ed Roberts. El Altair 8800 es un microordenador basado en la CPU Intel 8080.
El interés por el Altair 8800 creció rápidamente luego de que se presentó en la portada del mes de enero de 1975 de la revista Popular Electronics.

VACANTE 💼 
MEX Software Engineer Sr

Ubicación: Querétaro, México. (Híbrido)
Empresa: Santander México
Responsabilidades: Responsable End to end, desarrolla y actualiza los planes para proyectos de tecnologías de la información, incluido los objetos, tecnologías, sistemas, especificaciones de información, cronogramas, financiamiento y gestión de personas/equipos.

Aplica aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

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

La función generarRango puede implementarse utilizando un bucle para generar un array que contenga un rango de números enteros. Aquí te muestro cómo podrías hacerlo:

function generarRango(inicio, fin, paso = 1) {
    const rango = [];

    if (paso <= 0) {
        throw new Error("El paso debe ser un número positivo");
    }

    for (let i = inicio; paso > 0 ? i <= fin : i >= fin; i += paso) {
        rango.push(i);
    }

    return rango;
}

// Ejemplo de uso
console.log(generarRango(1, 5)); // Debería devolver [1, 2, 3, 4, 5]
console.log(generarRango(1, 10, 2)); // Debería devolver [1, 3, 5, 7, 9]

CHALLENGE ⚔️ 

Escribe una función en JavaScript que encuentre el máximo producto que se puede obtener multiplicando dos números diferentes en un array.

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

  • Debe devolver el máximo producto obtenido de multiplicar dos números diferentes en el array.

  • Considera que el array puede contener números negativos.

Ejemplo:

const numeros = [3, -2, 5, 7, -4];

La función debería devolver 28, ya que el producto más grande se obtiene con 7 * -4.

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