O que vais construir
Uma app que mostra os sismos do mundo nas últimas 24 horas, em tempo real, com a força de cada um — feita só com HTML, CSS e JavaScript.
Dados em tempo real da USGS (serviço geológico dos EUA) — API pública e gratuita, sem chave. Dados de domínio público; mesmo assim, cita sempre a fonte.
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: o título 'Sismos agora' com uma luzinha a piscar (o sinal de 'ao vivo'), uma lista (vazia, à espera dos tremores), um botão de atualizar, e um sítio para as mensagens. A lista é a mesma ideia da app de tarefas e do player.
<div class="cabeca"><h1>Sismos agora</h1><span class="vivo">ao vivo</span></div>
<div class="estado" id="estado"></div>
<ul id="lista"></ul>
<button id="atualizar">↻ Atualizar</button>Acrescenta um subtítulo que diga 'das últimas 24 horas'. Só os ossos.
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 de Sismos no teu telemóvel.