Recapitulando

Vimos na aula passada um exemplo de um comportamento dinâmico em Javascript puro em um sistema com um HTML que consultava dados JSON providos pela aplicação de forma assíncrona e alterava o estado de uma lista UL de animais com os novos dados recebidos em JSON.

Para obter tal comportamento criamos um sistema Express que servia um documento chamado animais.html na rota "/animais" e esse documento tinha um HTML+Javascript que realizava as operações:

• Permitia ao usuário escolher entre Cães e Gatos
• Rodava um código Javascript que consultava /dados/caes.json ou /dados/gatos.json
• Em Javascript, manualmente, limpava a lista de animais e, um a um, eram criados novos elementos LI com nome - raça de cada animal, os adicionando na lista UL.

Essa abordagem funciona, mas ela pode ficar mais complicada quando sua página fica maior, com mais elementos e com componentes mais complexos.