Como programar um Carrinho de Compras – Tutorial JavaScript

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:
https://www.youtube.com/watch?v=ws3ZyHMjIDY&list=PLNb8WhOkH6MV9BZdkBz0FRNsC1CfTYgmX

Tudo o que você precisa saber sobre CSS em 40 minutos:
https://www.youtube.com/watch?v=xn7GaaVkqZA&t=3s

Links citados no vídeo:
– Link GitHub código inicial: https://github.com/gustavopolonio/Introducao-ao-Desenvolvimento-Web/tree/master/como-estilizar-um-site-do-zero-com-CSS/aula-3
– Link GitHub código final: https://github.com/gustavopolonio/Introducao-ao-Desenvolvimento-Web/tree/master/Como-programar-um-Carrinho-de-Compras_Tutorial-JavaScript

Me encontre aqui:
– Instagram: https://www.instagram.com/senhorprogramador/
– Linkedin: https://www.linkedin.com/in/gustavo-polonio-04b77a169/
– GitHub: https://github.com/gustavopolonio

📧 Contato:
[email protected]

——————————————————————————————————————

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