Como Filtrar Produtos Dinamicamente Num Campo Input (HTML, CSS, JavaScript)
Neste vídeo vamos aprender como filtrar produtos dinamicamente num campo input. Para isso estaremos utilizando HTML, CSS e JavaScript puro. Vamos requisitar uma API externa para alimentar nossa lista de produtos e então realizar uma filtragem dinamica.
📌 Projeto: https://shorturl.at/ovAD8
🔥 Curso: https://curso.programacaoweb.com.br
⏱ Neste vídeo:
00:00 - Introdução
01:43 - Inicializando projeto
02:00 - Criando arquivos básicos
03:40 - Construindo o Front-end
18:31 - Puxando dados de API Externa
20:41 - Alimentando a lista com os dados
26:20 - Criando Função de Filtrar
38:20 - Testando função
38:50 - Lista ficar fechada (ajustes)
39:51 - Recapitulação da lógica do projeto
43:10 - Por que essa abordagem é interessante
44:17 - O que fazer para mandar para URL do produto
45:30 - Deixa seu like e se inscreve!
#programacaoweb #frontend #javascript