Astro
Cómo integrar Tailwind CSS en un proyecto Astro usando astro add
Aprendé paso a paso cómo integrar Tailwind CSS en un proyecto Astro usando `astro add`, con ejemplos de componentes, configuración y buenas prácticas.
#frontend
Astro
Astro
Estilos scoped en Astro con <style> por componente
Aprende cómo funcionan los estilos scoped en Astro con el elemento <style> por componente. Esta guía paso a paso cubre componentes aislados, variables CSS, estilos globales opt-in y ejemplos prácticos con salidas esperadas.
Next.js
Dominá next/font: Cargá fuentes de Google o locales sin arruinar tu CLS
Aprendé a usar next/font para cargar Google Fonts y fuentes locales de forma optimizada, eliminando el Cumulative Layout Shift (CLS) y mejorando tus métricas de Core Web Vitals.
Astro
File‑based routing en Astro: cómo funciona pages/index.astro y pages/about.astro
Aprende cómo funciona el file‑based routing en Astro con ejemplos prácticos de pages/index.astro y pages/about.astro, incluyendo salida esperada y buenas prácticas.
Astro
Dominando los Layouts en Astro: Cómo usar Slots y Props para crear páginas consistentes
Aprendé a crear layouts eficientes en Astro utilizando slots y props. Implementá estructuras reutilizables, slots nombrados y personalización dinámica para tus páginas.
Astro
Entendiendo la sintaxis de los archivos .astro: frontmatter, HTML y expresiones JS
Aprende la sintaxis de los archivos .astro: frontmatter, HTML, expresiones JS y directivas, con ejemplos y su salida esperada.
Programación
📊 Infografía
TypeScript: JavaScript potenciado
TypeScript es un superset tipado de JavaScript que se compila a código JavaScript, ofreciendo detección temprana de errores, mejor autocompletado y mayor escalabilidad.
JavaScript
Introducción a JavaScript: qué es, para qué sirve y cómo ejecutarlo en el navegador y en Node
Aprende qué es JavaScript, para qué sirve y cómo ejecutarlo en el navegador y en Node, con ejemplos comentados y su salida en consola.