Desafio: Trabalhar com Bibliotecas de Terceiros
Tarefa
Exibir informações detalhadas sobre raças. Após buscar os dados das raças pela API, exibir o nome de cada raça, descrição, expectativa de vida, faixas de peso para machos e fêmeas, e status hipoalergênico.
- Utilizar Axios para buscar dados em
https://dogapi.dog/api/v2/breedsquando o botão "Fetch Breeds" for clicado, envolvendo a requisição em um bloco try-catch. - Se ocorrer um erro durante a requisição da API, ocultar o indicador de carregamento e exibir uma mensagem de erro.
index.html
index.css
index.js
- Utilizar
axios.get('https://dogapi.dog/api/v2/breeds')para buscar dados da API; - No bloco
catch, tratar o erro.
index.html
index.css
index.js
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 4. Capítulo 9
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 2.22
Desafio: Trabalhar com Bibliotecas de Terceiros
Deslize para mostrar o menu
Tarefa
Exibir informações detalhadas sobre raças. Após buscar os dados das raças pela API, exibir o nome de cada raça, descrição, expectativa de vida, faixas de peso para machos e fêmeas, e status hipoalergênico.
- Utilizar Axios para buscar dados em
https://dogapi.dog/api/v2/breedsquando o botão "Fetch Breeds" for clicado, envolvendo a requisição em um bloco try-catch. - Se ocorrer um erro durante a requisição da API, ocultar o indicador de carregamento e exibir uma mensagem de erro.
index.html
index.css
index.js
- Utilizar
axios.get('https://dogapi.dog/api/v2/breeds')para buscar dados da API; - No bloco
catch, tratar o erro.
index.html
index.css
index.js
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 4. Capítulo 9