O que vais construir
Uma app de meteorologia a funcionar: escreves uma cidade e vês o tempo de agora, com dados ao vivo de uma API pública gratuita.
Dados da Open-Meteo (API pública e gratuita, sem chave). Lê sempre os termos de uma API antes de a usar a sério.
Em quase todas as apps repetimos as mesmas camadas, como construir uma casa: o HTML põe as coisas na mesa (a estrutura), o CSS veste-as (a aparência), e o JavaScript é a linguagem que lhes dá vida (o que reage ao toque). No fim, a memória guarda o que importa. Não precisas de decorar — vais reconhecê-las em cada passo. E há um truque de criador: antes de cada passo, diz em voz alta “quando eu faço X, a app deve fazer Y”. Isso transforma-te de quem copia em quem cria.
Pomos na mesa: uma caixa para escreveres a cidade e um botão 'Ver', um cartão (escondido até haver resultado) com o ícone, os graus e os detalhes, e um sítio para as mensagens ('a procurar…' ou 'não encontrei'). Reconheces o padrão da página de login? É o mesmo.
<form id="forma">
<input id="cidade" placeholder="Escreve uma cidade…" />
<button>Ver</button>
</form>
<div class="estado" id="estado"></div>
<div class="tempo" id="tempo">...ícone, graus, detalhes...</div>Acrescenta um terceiro detalhe ao cartão (ex: humidade) — por agora só o sítio, sem dados.
Montaste a casa seguindo o plano. O salto a criador é mudá-la sozinho. Tenta estas três — da mais simples à mais corajosa — sem receita. Se travares, pede à tua IA; mas tenta primeiro, e diz antes «quando eu fizer isto, a app deve…».
O que construíste é teu. Abre a Prova Viva, clona para a tua IA, e faz crescer — uma cor nova, um botão novo, ou A App do Tempo no teu telemóvel.