✍️ Mão na massa - Patch

https://jsonplaceholder.typicode.com/

🎾 Exercícios sobre PATCH com fetch

  1. O que significa o método HTTP PATCH e quando você deve usá-lo em uma requisição?

  2. Por que o PATCH permite enviar apenas os campos que você deseja atualizar, diferente do PUT?

  3. Explique por que precisamos definir o cabeçalho 'Content-Type': 'application/json' ao enviar dados via PATCH.

  4. Qual é a função do JSON.stringify() no corpo da requisição? O que aconteceria se você não usasse ele?

  5. No código usando fetch para PATCH, o que a função .then(response => response.json()) está fazendo?

  6. Explique o que acontece dentro do bloco .catch() e por que é importante usá-lo nas requisições PATCH.

  7. Como você faria para atualizar parcialmente o email e o telefone de um usuário usando fetch e PATCH? Escreva o código.

  8. Por que a versão com async/await pode ser considerada mais fácil de ler que a versão com .then() para requisições PATCH?

  9. Se o servidor responder com um erro (exemplo: 404 ou 500), o .catch() do fetch será executado? Explique.

  10. Crie uma função em JavaScript usando fetch e async/await que faz uma atualização parcial (PATCH) para uma API qualquer e retorna os dados recebidos.


🎃 Exercícios práticos sobre PATCH

  1. Faça uma requisição PATCH para https://jsonplaceholder.typicode.com/users/3 atualizando o campo name para “Alice Martins”. Mostre no console o resultado.

  2. Atualize o campo phone do usuário com ID 5 para “(11) 99999-8888” via PATCH e trate erros com try/catch usando async/await.

  3. Crie uma função chamada updateUserPartial que recebe o ID do usuário e um objeto com os campos a atualizar, e envia a requisição PATCH para a API, retornando os dados da resposta.

  4. Use a função updateUserPartial para alterar o campo email do usuário 10 para “contato@empresa.com” e imprima o resultado.

  5. Atualize a cidade (address.city) do usuário 7 para “Curitiba” usando PATCH, e exiba a resposta no console.

  6. Atualize parcialmente o título da postagem 4 para “Meu novo título favorito” com fetch PATCH.

  7. Faça uma atualização parcial no campo completed da tarefa 8 para true e trate erros apropriadamente.

  8. Modifique o nome de usuário (username) do usuário 2 para “novo_usuario_22” usando PATCH.

  9. Atualize parcialmente o corpo da postagem 6 para “Conteúdo atualizado da postagem”.

  10. Atualize o título do álbum 5 para “Álbum favorito atualizado” e mostre o resultado no console.

Last updated