Como programar um Carrinho de Compras - Tutorial JavaScript
Quer ter mentorias comigo sobre o básico da programação web (HTML, CSS, JavaScript, GitHub, etc..)?
Agende um horário: https://calendly.com/sr_programador/m...
Provavelmente você já fez compras on-line em algum site/aplicativo. Portanto, você já deve ter utilizado as funcionalidade que um carrinho de compras fornece. São essas mesmas funcionalidades básicas que vamos desenvolver na aula de hoje!
Abordaremos diversos tópicos essenciais do JavaScript, por exemplo: manipulação da DOM, manipulação de elementos por meio de classes, checar se o documento HTML está inteiramente carregado, como adicionar ouvidores de eventos, operadores lógicos (if else), dentre outros.
Para isso, utilizaremos os código do site que desenvolvemos na série Introdução ao Desenvolvimento Web e colocaremos o carrinho de compras da página da Loja para funcionar.
Assista a série Introdução ao Desenvolvimento Web:
• Introdução ao HTML | Criando uma Página We...
Tudo o que você precisa saber sobre CSS em 40 minutos:
• CSS - TUDO O QUE VOCÊ PRECISA SABER em 40 ...
Links citados no vídeo:
Link GitHub código inicial: https://github.com/gustavopolonio/Int...
Link GitHub código final: https://github.com/gustavopolonio/Int...
Me encontre aqui:
Instagram: / senhorprogramador
Linkedin: / gustavo-polonio-04b77a169
GitHub: https://github.com/gustavopolonio
📧 Contato:
contatosenhorprogramador@gmail.com
---------------------------------------------------------------------------------------------------------------—
Capítulos do vídeo:
00:00 - Introdução
00:50 - Criando um arquivo JavaScript
04:04 - Função para remover produtos do carrinho
10:38 - Função para atualizar o preço total do carrinho
23:50 - Evitando possíveis erros no JavaScript
28:25 - Detectando alteração na quantidade de produtos do carrinho
30:30 - Função adicionar produto ao carrinho
44:40 - Evitando duplicação de produto no carrinho
50:17 - Adicionando ouvidores de eventos nos produtos adicionados ao carrinho
53:20 - Verificando quantidade de cada produto no carrinho
57:20 - Tirando os dados estáticos iniciais
57:47 - Funcionalidade botão de compra
1:03:03 - Despedida
Nesta página do site você pode assistir ao vídeo on-line Como programar um Carrinho de Compras - Tutorial JavaScript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Senhor Programador 05 Janeiro 2023, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 38,988 vezes e gostou 1.4 mil espectadores. Boa visualização!
