Saltar al contenido

Check in: Unidad 3 - Componentes

Ahora que tienes archivos .astro y .md generando páginas completas en tu sitio web, ¡es hora de crear y reutilizar fragmentos más pequeños de HTML con componentes de Astro!

En esta unidad, aprenderás cómo crear componentes de Astro para reutilizar código para elementos comunes en tu sitio web.

Vas a construir:

  • Un componente de Navegación que presenta un menú de enlaces a tus páginas
  • Un componente de Footer para incluir al final de cada página
  • Un componente de Social Media, usado en el Footer, que enlaza a páginas de perfil
  • Un componente de Menu interactivo para alternar la Navegación en móvil

En el camino, usarás CSS y JavaScript para construir un diseño responsive que reacciona a tamaños de pantalla y entrada del usuario.

Contribuir Comunidad Patrocinar