Com base no template abaixo, carregue dinamicamente dados de produtos (id, nome, imagem e preço), na lista de cards na página a partir de um arquivo JSON no servidor (JSON-Server). Essa carga deve ser realizada a cada 30 segundos, atualizando os dados de produtos. Para isso, iremos utilizar alguns conceitos do JavaScript:
- Eventos (window.onload) https://www.w3schools.com/js/js_events.asp
- Função setInterval(...) https://www.w3schools.com/js/js_timing.asp
- AJAX https://www.w3schools.com/js/js_ajax_intro.asp
- DOM https://www.w3schools.com/js/js_htmldom.asp Dica: Para testar o lado da API, utilize o JSON-Server (https://www.npmjs.com/package/json-server) npx json-server db.json