Exercícios 11 - Consumo de API REST 🌐

🟢 Básicos

1. Fetch: Qual o método HTTP padrão usado pela função fetch() se você não especificar nenhum?
2. JSON: Por que precisamos chamar .json() após receber a resposta de um fetch?

🟡 Intermediários

1. Bloco Await: Escreva a estrutura básica do bloco {#await} do Svelte, incluindo o estado de carregamento e o tratamento de erro.
2. Async/Await: Transforme uma sequência de .then() e .catch() em uma função usando as palavras-chave async e await.

🔴 Desafio

1. Buscador de Personagens:
   • Use a API pública do Rick and Morty (https://rickandmortyapi.com/api/character).
   • Crie um input de texto para o usuário digitar um nome.
   • Use o {#await} para buscar os personagens que coincidam com esse nome sempre que o usuário clicar em um botão "Buscar".
   • Exiba a imagem e o nome do personagem retornado.
   • Adicione uma verificação: se a API não encontrar nada, exiba "Nenhum personagem encontrado".

📚 Gabarito e Soluções Comentadas

// Solução de referência para: Fetch
function solucaoExercicio() {
    console.log("Executando validação de: Consumo de API REST");
    return true;
}

solucaoExercicio();

// Solução de referência para: Bloco Await
function solucaoExercicio() {
    console.log("Executando validação de: Consumo de API REST");
    return true;
}

solucaoExercicio();

// Solução de referência para: Async/Await
function solucaoExercicio() {
    console.log("Executando validação de: Consumo de API REST");
    return true;
}

solucaoExercicio();