Introdução ao Desenvolvimento Web - 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/mentoria-sr-programador 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