Neste vídeo, você aprenderá a consumir uma API de CEP usando JavaScript Puro para preencher um formulário com informações de endereço.
Vamos explorar o uso da fetch() API para realizar requisições HTTP assíncronas e ver como utilizar as palavras-chave async e await para simplificar a manipulação de Promises.
Com uma abordagem prática e objetiva, você entenderá como utilizar essas ferramentas de forma simples e eficiente, dominando o consumo de APIs em suas aplicações!
▶ Timeline:
00:00 - Explicando o projeto
01:25 - Visualizando o HTML e CSS
02:15 - Evento focusout
06:04 - ViaCEP
08:22 - fetch API
11:40 - async/await
17:32 - Preenchendo o formulário
20:55 - Tratando CEP não encontrado
26:39 - Validar CEP
▶ Arquivos base
https://github.com/fernandoleonid/speed-code-css-html/tree/main/04-formulario
▶ Repositório
https://github.com/fernandoleonid/consumo-api-js/tree/main/01-viacep
▶ Resultado
https://fernandoleonid.github.io/consumo-api-js/01-viacep/
▶ HTML e CSS (speed code)
https://youtu.be/bTeNQxE4LwM
▶ Playlist:
01 Via CEP - https://youtu.be/imk6Y0viabg
02 PIXABAY - https://youtu.be/pRic1B2Qdgk
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Assine o canal! https://www.youtube.com/fernandoleonid?sub_confirmation=1
▶ Redes Sociais
- Github: https://github.com/fernandoleonid
- Instagram: https://www.instagram.com/fernandoleonid
- LinkedIn: https://www.linkedin.com/in/fernandoleonid
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#consumoAPI #CEP #viaCEP
