JavaScript Vanilla - Carrinho de Compras #1

Projeto destinado aos Devs que estão iniciando em JavaScript. Vou mostrar como construir uma aplicação de carrinho de compras usando JavaScript Vanilla.

O que você vai aprender

  • Browser localStorage
  • Eventos
  • Inserindo novo código HTML no DOM
  • Remover elementos do DOM
  • Usando os métodos forEach and filter
  • Arrow functions
  • Criando um Array de objetos para armazenar itens do carrinho
  • Usando códigos JavaScript dentro de string com template strings
  • Métodos querySelector e querySelectorAll
  • Adicionando, removendo e resgatando itens de um array
  • Declarando variáveis com a palavra chave const e let
  • Adicionando/removendo nomes de classes de um elemento DOM

Requisitos

  • Navegador web moderno e editor de código
  • Conhecimentos básicos de HTML, CSS e JavaScript

Funcionalidades

  • Adicionando produtos ao carrinho de compras
  • Alterando a quantidade de um item do carrinho
  • Removendo um ou todos os itens do carrinho