frontenderos icon

Podcast

Newsletter

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