Pular para o conteúdo

Check in: Unidade 3 - Componentes

Agora que você tem arquivos .astro e .md gerando páginas inteiras no seu website, é hora de fazer e reutilizar pequenos pedaços de HTML com componentes Astro!

Nesta unidade, você irá aprender como criar componentes Astro para reutilizar código entre elementos comuns através do seu website.

Você irá construir:

  • Um componente de Navegação que apresenta um menu de links para suas páginas
  • Um componente de Rodapé para incluir no fim de cada página
  • Um componente de Rede Social, usado no rodapé, para links de páginas de perfil
  • Um componente interativo Hamburger para mostrar a Navegação em dispositivos móveis

Durante o caminho, você utilizará CSS e JavaScript para construir um design responsivo que reage a tamanhos de tela e a interação do usuário.