Pular para conteúdo

Exercícios de Fixação – Aula 15 🚀

Exercício 01: Meta Tags de Redes Sociais

No arquivo index.html do seu projeto final: 1. Altere o <title> para o nome do seu projeto. 2. Adicione uma meta tag description. 3. Adicione as tags Open Graph (og:title e og:description) para que o link fique bonito ao ser compartilhado no Discord ou WhatsApp.

Exercício 02: Criando a Conta de Deploy

  1. Crie uma conta na Vercel ou Netlify usando seu login do GitHub.
  2. Conecte seu repositório do curso.

🟡 Nível: Intermediário

Exercício 03: Lighthouse Check

  1. No Chrome, abra seu site (mesmo que localmente).
  2. Vá em Inspecionar -> Lighthouse.
  3. Gere um relatório focado em "Performance" e "SEO".
  4. Tente corrigir pelo menos um item sugerido (ex: adicionar alt em uma imagem ou mudar o contraste de uma cor).

Exercício 04: PWA Básico

  1. No seu projeto Vite, instale o plugin vite-plugin-pwa.
  2. Configure um manifesto básico com nome, cor e um ícone.
  3. Teste se, ao rodar o projeto, o navegador exibe o ícone de "Instalar Aplicativo" na barra de endereços.