/weather

Primary LanguageHTML

weather

Esse repositorio foi apenas um teste para eu fixar e pesquisar mais sobre web components puro do html.

Com este repositório eu aprendi:

  • importação de javascript como module
  • Web components
  • Shadow DOM
  • Ciclo de vida dos web components
  • Funções de callback
  • Atualização de valores dentro da shadow DOM
  • Um pouco de Tailwind CSS

O que o projeto faz: Apenas faz um fetch para uma api de previsao do tempo, e mostra quantos graus está em florianópolis. E se for de dia mostra fundo mais claro, e de noite mais escuro e também altera a imagem de fundo (apenas para testar o tailwind)

Imagem de florianópolis de dia Imagem de florianópolis de noite