#81 El futuro de JAMStack

Como crear una paleta de colores para Design Systems

El futuro de JAMStack

JAMSTack esta muerto šŸ˜µ O eso es lo que parecĆ­a. Porque cuando nos preguntamos en realidad que es JAMStack, a cuĆ”l sea la respuesta que llegĆ”semos, todo apunta a que era una comunidad y un ecosistema. Entonces, una empresa no puede matar una comunidad ni un ecosistema, y en conclusiĆ³n JAMStack no esta muerto. ĀæAĆŗn puede haber JAMStack despuĆ©s de Netlify? šŸ¤” 

Como crear una paleta de colores para Design Systems

Tal vez no te toque a ti crear una paleta de colores, pero si te puede tocar supervisar su uso y aplicaciĆ³n en las diferentes Ć”reas donde corresponda. Este articulo, te enseƱarĆ” a hacer eso desde sus fundamentos.

EL RINCƓN DEL CMS

WordPress


WordPress aĆŗn tiene mas del 30% de cuota del mercado como herramienta para construir sitios web, lo que significa que es muy probable que te toque trabajarlo tarde o temprano. Uno de los usos mĆ”s extendidos, es el de plataforma para blog, pero por sus caracterĆ­sticas tambiĆ©n puede servir perfectamente para plataforma educativa.

EL RINCƓN DE CSS
CSS Nesting

CSS Nesting, ya esta soportado en todos los navegadores principales, es tiempo de aprender a utilizarlo, y lo puedes hacer con estos ejemplos muy prƔcticos.

GUƍA
Una guĆ­a completa para Angular

Una de las caracterĆ­sticas que mĆ”s estĆ”n llamando la atenciĆ³n con Angular 17, es el bloque defer. En esta guĆ­a, vienen casos de uso de cĆ³mo utilizarlo para aumentar el desempeƱo de tus proyectos.

NOTICIA
1 aƱo de ChatGPT šŸ„³ 

Happy Birthday GIF by MOODMAN

Hace un aƱo, OpenAI anunciaba y liberaba ChatGPT, y como dicen por ahĆ­ā€¦ el resto es historia.

State of JavaScript 2023

Man Feedback GIF by SurveySparrow

Estamos en esa Ʃpoca del aƱo en la que nos la pasamos llenando encuestas, y esta vez, es el turno del State of JavaScript 2023.

VACANTE
Desarrollador Fullstack

Si quieres contribuir a una historia de Ć©xito, en Agil Chile Ā”quieren conocerte! ƚnete a su equipo y participa en la creaciĆ³n de una historia de innovaciĆ³n. Ā”Tu viaje como Desarrollador Fullstack Pleno comienza a un solo click!

CHALLENGE

En algunos casos, especialmente en la gestiĆ³n de eventos o en llamadas a APIs, puede ser necesario asegurarse de que una funciĆ³n solo se ejecute una vez, no importa cuĆ”ntas veces se llame. Tu tarea es implementar una funciĆ³n once que tome otra funciĆ³n como argumento y devuelva una nueva funciĆ³n que se pueda ejecutar solo una vez.

  • La funciĆ³n once debe aceptar una funciĆ³n como argumento.

  • La funciĆ³n devuelta por once debe ejecutar la funciĆ³n original solo la primera vez que se llama y debe ignorar todas las llamadas subsiguientes.

  • Si la funciĆ³n envuelta se llama mĆ”s de una vez, las llamadas adicionales no deben tener efecto y deben devolver el valor de la primera ejecuciĆ³n.

Ejemplo:

function sayHello() {
    console.log("Hello!");
}

const sayHelloOnce = once(sayHello);

sayHelloOnce(); // DeberĆ­a mostrar "Hello!" en la consola
sayHelloOnce(); // Las llamadas subsiguientes no deben hacer nada

RESULTADO

function once(fn) {
    let executed = false;
    let result;

    return function(...args) {
        if (!executed) {
            executed = true;
            result = fn.apply(this, args);
        }
        return result;
    };
}

// Ejemplo de uso
const sayHelloOnce = once(() => console.log("Hello!"));
sayHelloOnce(); // "Hello!"
sayHelloOnce(); // No hace nada en la segunda llamada

Tu feedback nos ayuda a mejorar

Por favor elige una opciĆ³n y dinos lo quĆ© te gustĆ³ y lo que no. Leemos todas las respuestas šŸ‘€

Ā”Hasta maƱana! šŸ¤Ÿ