Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Trabalhar com Bibliotecas de Terceiros | JavaScript Assíncrono e Integração de API
Domínio Avançado de JavaScript

bookDesafio: 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.

  1. Utilizar Axios para buscar dados em https://dogapi.dog/api/v2/breeds quando o botão "Fetch Breeds" for clicado, envolvendo a requisição em um bloco try-catch.
  2. Se ocorrer um erro durante a requisição da API, ocultar o indicador de carregamento e exibir uma mensagem de erro.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Utilizar axios.get('https://dogapi.dog/api/v2/breeds') para buscar dados da API;
  • No bloco catch, tratar o erro.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 9

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.22

bookDesafio: 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.

  1. Utilizar Axios para buscar dados em https://dogapi.dog/api/v2/breeds quando o botão "Fetch Breeds" for clicado, envolvendo a requisição em um bloco try-catch.
  2. Se ocorrer um erro durante a requisição da API, ocultar o indicador de carregamento e exibir uma mensagem de erro.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Utilizar axios.get('https://dogapi.dog/api/v2/breeds') para buscar dados da API;
  • No bloco catch, tratar o erro.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 9
some-alt