Marco Bruno🇧🇷 🇸🇪 Profile picture
Apr 7, 2022 14 tweets 4 min read Read on X
Para que servem os métodos HTTP também conhecidos como verbos HTTP? Visão para pessoas de #FrontEnd que querem consumir uma API

Thread feliz 🧵
➡️Introdução

Imagine que você precisa criar uma aplicação com 4 funcionalidades, de criar, ler, atualizar e deletar os dados de um usuário

Exemplo de estrutura do nosso usuário:
Felizmente você tem uma API e poderá enviar os dados do usuário para a rota (recurso) a seguir: /user

Outra coisa feliz é que você tem 5 métodos HTTPs que estão disponíveis nessa rota /user, sendo eles:

➡️Get
➡️Post
➡️Put
➡️Patch
➡️Delete

Pra que servem esses métodos?

⬇️
➡️Get (Consumir/Pegar)

No momento que você consumir a API na rota /user utilizando o método Get ela retornará para você a lista de usuários cadastrados na plataforma, portanto esse método é utilizando para leitura dos dados
Se você precisar apenas dos dados de um usuário, é necessário passar um UUID (Universally unique identifier) na rota /user/{uuid}, mas o método utilizado continua sendo o Get

Get é utilizado para leitura dos dados em diferentes situações!
➡️Post (Publicar/enviar)

O método Post utilizamos quando precisamos salvar um novo usuário na aplicação, portanto é necessário passar todos os dados do usuário no body (corpo) da requisição para a rota /user
➡️Put (Colocar/guardar)

Se precisamos atualizar os dados de um usuário utilizamos o método Put e precisamos enviar todos os dados dele no body da requisição e o *⃣UUID é algo que não pode faltar

UUID informado no body:
Mesmo que você esteja atualizando apenas 1 campo de 3 campos que o usuário possui, ainda sim é necessário enviar todos os campos no body da requisição, gostando ou não esse é um padrão adotado quando estamos usando o método Put

UUID informado na rota:
➡️Patch (Correção/remendo)

Esse método também utilizamos para atualizar o usuário, portanto segue as mesmas regras do método Put, a diferença é que não precisamos passar todos os campos no body da requisição

⬇️
Usando o Patch podemos informar apenas o campo que estamos atualizando e o UUID para informar qual usuário tem que ser atualizado
➡️Delete (Deletar/remover)

Quando precisamos remover um usuário da aplicação utilizamos o metódo Delete e precisamos informar o UUID na rota (/user/{uuid})
*⃣ UUID (Universally unique identifier - Identificador universalmente único)

O padrão é ser uma string alfanumérica de 36 caracteres que pode ser usada para identificar informações.

‼️⬇️
‼️IMPORTANTE‼️

Existem mais outros 4 métodos HTTP que utilizamos menos no nosso dia a dia, mas que vale você estudar também 😍

➡️Head
➡️Connect
➡️Options
➡️Trace
😍 Gostou da Thread manda o RT e like!

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Marco Bruno🇧🇷 🇸🇪

Marco Bruno🇧🇷 🇸🇪 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @marcobrunodev

Jan 2, 2023
Como faço pra aprender uma coisa nova?

Executo 6 passos

Chamo de: #learn_to_teach

Vamos dizer que quero aprender como que faz um site

1️⃣Validação do caminho
2️⃣Comunidade sobre o tema
3️⃣Prática de aprendizado
4️⃣Prática de validação
5️⃣Evolucão teórica
6️⃣Explicar para alguém

🧵
1️⃣Validação do caminho

Envio uma mensagem para alguém que conheço e tem o conhecimento de como criar um site. Não espero a pessoa me responder, vou para o passo 2️⃣

Quando ela me responder, verifico se estou no caminho certo ou próximo dele

🧵
2️⃣Comunidade sobre o tema

Procuro comunidades com conhecimento sobre como faz um site, entro nelas e faço uma busca pra ver se alguém já respondeu a pergunta:

Como eu faço um site simples, por onde começar?

Se não achar, faço a pergunta e não espero a resposta, sigo pro 3️⃣

🧵
Read 11 tweets
Dec 22, 2022
Arquitetura de pastas para projetos #React

Minha base são as arquiteturas: #ITCSS e #RSCSS.

Visão geral do projeto e na thread mostro como organizo a pasta 📂𝙨𝙧𝙘

📂.𝚐𝚒𝚝𝚑𝚞𝚋
📂.𝚟𝚜𝚌𝚘𝚍𝚎
📂𝚊𝚙𝚒
📂𝚙𝚞𝚋𝚕𝚒𝚌
📂𝙨𝙧𝙘📌
∟📂🧵

📌Onde está
🧵Próximo passo
📂𝙨𝙧𝙘📌
∟📂𝚊𝚜𝚜𝚎𝚝𝚜🧵
∟📂𝙶𝚕𝚘𝚋𝚊𝚕𝚂𝚝𝚢𝚕𝚎𝚜
∟📂𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜
∟📂𝚕𝚊𝚢𝚘𝚞𝚝𝚜
∟📂𝚙𝚊𝚐𝚎𝚜
∟📂𝚜𝚎𝚛𝚟𝚒𝚌𝚎𝚜
∟📄𝚖𝚊𝚒𝚗.𝚓𝚜𝚡
∟📄𝚛𝚘𝚞𝚝𝚎𝚛.𝚓𝚜𝚡
📂𝙨𝙧𝙘
∟📂𝚊𝚜𝚜𝚎𝚝𝚜📌
∟📂𝚏𝚘𝚗𝚝𝚜
∟📂𝚒𝚖𝚊𝚐𝚎𝚜
∟📂𝚒𝚌𝚘𝚗𝚜
∟📂𝙶𝚕𝚘𝚋𝚊𝚕𝚂𝚝𝚢𝚕𝚎𝚜🧵
∟📂𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜
∟📂𝚕𝚊𝚢𝚘𝚞𝚝𝚜
∟📂𝚙𝚊𝚐𝚎𝚜
∟📂𝚜𝚎𝚛𝚟𝚒𝚌𝚎𝚜
∟📄𝚖𝚊𝚒𝚗.𝚓𝚜𝚡
∟📄𝚛𝚘𝚞𝚝𝚎𝚛.𝚓𝚜𝚡
Read 17 tweets
Mar 11, 2022
O que você precisa saber de #JavaScript para aprender #ReactJS de forma feliz

Thread 🧵
➡️ Base do #JavaScript

↩️O que é JavaScript?
↩️Atribuição de valores
↩️Diferença entre: var, let e const
↩️Operadores: +, -, /, *, % e **
↩️Incremento: ++x e x++
↩️Decremento: --x e x--
↩️Comparadores: ===, !==, <, >, >= e <=
↩️Condicionais: if, else e switch-case
↩️Console.log
↩️import/export

↩️Loops
⬇️
↪️While
↪️For
↪️For...in
↪️For...of
↪️Controles de fluxo: break, continue, return
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(