HTML e CSS - Tabela responsiva [FlexBox] interação JavaScript DOM

Vamos criar um carrinho de compras em HTML e CSS?
Neste video será criado uma tabela de finalização de carrinho de compras do e-commerce onde o usuário confirma os itens de sua compra. Utilizadno o Padrão BEM CSS juntamente com JavaScript para adiciinar, reduzir e remover produtos fazendo a manipulação via DOM ((Document Object Model)). Ao final, a preparação dos dados para envio ao servidor em formato JSON.

Imagem da Smart TV:
https://cdn.pixabay.com/photo/2018/12...

Link para os dados mockar no GitHub:
https://rms-project-yt.github.io/prod...

Música:
Biblioteca de Audio do YouTube - Drop the Tapes - TrackTribe
   • TrackTribe - "Drop the Tapes" [Copyri...  

00:00 Início
00:40 Sintaxe básica HTML
03:10 Tabela HTML
06:45 CSS
18:28 Padrão BEM CSS
20:11 Adequação para BEM CSS
26:55 Responsividade com regras @media
28:15 Inserção de produtos com JavaScript
29:37 Soliticação com API Fetch
32:12 Adicionando produtos na tabela
42:55 Propriedade z-index
43:53 Função de remover produtos
46:26 Padrão IEEE 754 - Funções para arredondar
49:29 Função de adicionar produtos
51:56 Função de reduzir produtos
55:00 Função de envio de dados
57:53 Obter a quantidade em stock dos produtos

#JavaScript #HTML #CSS