Frontend Web: HTML, CSS, JavaScript e o DOM

No capítulo anterior, construímos um backend que serve 12 eventos do TamoJunto como JSON. Se você acessar http://localhost:3000/api/events no navegador, vai ver um bloco de texto denso, cheio de chaves e aspas. Funcional para um programador com jq no terminal. Inútil para um usuário comum.

Esse capítulo constrói a outra ponta: uma página web que busca esses dados e os exibe de forma que uma pessoa consiga ler, entender e interagir. Faremos tudo com HTML, CSS e JavaScript puros — sem framework, sem biblioteca, sem ferramenta de build. O objetivo é entender o que acontece por baixo, para que no próximo capítulo, quando um framework entrar em cena, você saiba exatamente qual problema ele resolve.