- Frontenderos
- Posts
- #81 El futuro de JAMStack
#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 š„³
Hace un aƱo, OpenAI anunciaba y liberaba ChatGPT, y como dicen por ahĆā¦ el resto es historia.
State of JavaScript 2023
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
Ver resultado š
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! š¤