¿Cómo crear un carrito de compras con JavaScript? tutorial paso a paso, donde aplicaremos todos los conceptos aprendidos de nuestro curso de DOM con JavaScript, práctica con Fragment, Template, Reduce, addEventListener, eventos click, delegación de eventos, objetos, fetch, JSON, LocalStorage, Hosting, etc.

👌 Discord: https://discord.com/invite/hcG7NBvsGD

🐱‍👤 Viaje a través del tiempo 👇🏼
00:00 Introducción
01:08 Colección de objetos indexados
06:09 Recursos y enlaces para la práctica
07:26 Fetch Leer JSON de productos
15:15 Template + Fragment Pintar productos
27:10 Delegación de evento (click botón comprar)
30:01 Agregar producto al carrito
41:25 Template: Carrito de compras
54:20 Template: Footer Carrito
57:42 Reduce: Sumar cantidades y precios de productos
01:04:09 Evento Vaciar carrito
01:06:42 Evento aumentar y disminur cantidad
01:14:23 LocalStorage: Respaldar carrito de compras
01:19:47 Hosting: Subir proyecto finalizado
01:21:34 Despedida

Documentación utilizada:
💩 Guía: https://bluuweb.github.io/javascript/02-dom
💩 Curso DOM JS [Lista de reproducción]: https://bit.ly/2UjotTw
💩 ¿Dudas y preguntas? aquí tendrás ayuda: https://discord.gg/xSceUPh
💩 Todos los cursos aquí: https://www.youtube.com/bluuweb

❤ Guía Master (todos los cursos): https://bluuweb.github.io/

#js #dom #javascript

¿Quiéres apoyar el canal?
🧨Curso Bootstrap 4 [UDEMY] http://curso-bootstrap-4-udemy.bluuweb.cl
🧨Curso Vue.js + Firebase [UDEMY] http://curso-vue-js-udemy.bluuweb.cl
🧨Curso React.js + Firebase [UDEMY] http://curso-react-js-udemy.bluuweb.cl
🧨Curso HTML y CSS [GRATIS] https://www.udemy.com/course/curso-html5-css3
🧨Cursos en oferta Udemy http://ofertas.bluuweb.cl

Conviértete en miembro de este canal para disfrutar de ventajas 😍:
https://www.youtube.com/channel/UCH7IANkyEcsVW_y1IlpkamQ/join

Redes Sociales:
https://bluuweb.org
https://discord.gg/xSceUPh
https://www.twitch.tv/bluuweb
https://www.instagram.com/bluuweb_youtube
https://www.facebook.com/bluuweb
https://twitter.com/bluuweb
Cafecito para bluuweb: https://www.paypal.me/bluuweb
👌 Discord: https://discord.com/invite/hcG7NBvsGD