Gracias Carpi !! Como dice Paulo Freire: “Enseñar no es transferir conocimiento, sino crear las posibilidades para su producción o su construcción. Quien enseña aprende al enseñar y quien enseña aprende a aprender”
vine buscando cobre y encontré oro!! Excelente forma de explicar de manera sencilla y didactica!! Gracias por tu enseñanza. pd: si me hubiese tocado un profe como vos en coder, no hubiese abandonado el curso de js. Saludos!
excelente video!! lo estudie muy bien y estoy trabajando en una aplicacion ecommerce para subir a mi portafolio, quiero agregar a cada producto un boton "+" para aumentar la cantidad de unidades de un mismo producto y lo mismo "-" para restar unidades antes de hacer la compra, porque el boton eliminar producto te elimina completo el obj y no unidades....lo voy a practicar a eso a ver si sale o rompo todo jaja . muchas gracias!!
Gracias Carpi, estoy aprendiendo programación y lo explicaste de forma tan clara, detallada que es fácil de seguir para los que estamos aprendiendo y ese secreto para que no se rompa el bootstrap es fantástico. Nuevo suscriptor y estrella en tu repo.
excelente contenido, has mas proyectos de JavaScript y cuando haces un en directo para aprender lógica con JavaScript, me pasa que cuando veo código de JavaScript de alguien lo entiendo pero al momento de realizar algún proyecto desde cero no se como comenzar, me bloqueo y necesito practicar mucho.
Excelente video Carpi Coder, soy nuevo y desconocía lo del DOM con JS, es genial. Me llevó una semana replicar lo que vos hiciste en dos horas aun tengo que ver la parte 2 y 3. Tengo un par de consultas pero antes quiero ver los videos para no preguntar en vano. Mil gracias por tomarte el tiempo de compartir tu conocimiento.
hola genio!! excelente video ! estoy montando una pagina con perfumes y lenceria y la verdad que ayudo muchisimo tu video !! ahora solo me falta cambiar la accion del boton comprar, para que en lugar del mensaje de "gracias por tu compra" me envie para pagar los productos
2:14 amigo llegue a 2 horas y 14 minutos tenia varios errores en el carrito cargaba todo podía eliminar, agregar, pero la logica es diferente hermano, ahora veo que debo aprender java script y no copiar y pegar. llegue del html css pero java script ando empezando. muy bueno tu video, y gracias por el codigo. voy a cambiar las imagenes y secciones. :D :D
Gracias, el tutorial estuvo genial. Todo muy bien explicado, lo único que faltó fue la parte de las notificaciones que sale en la página al agregar un producto al carro, supongo que fue que se te olvidó.
Que bueno, hasta que por fin alguien muestra un video que dura 2 horas y funciona... son las 2 horas y 21 minutos de pura carnita... sigue así loco... Saludos desde Costa Rica
Muchas gracias carpi!! En el curso de coder de JS me trabe mucho,no entendía muchas cosas y con tu curso pude aprender un montón!! Mil gracias por eso! Y seguro te siga después con el de react js. Saludos desde Quilmes!! 👋👋
Me sirvio un monton para el practico final de una materia de la facultad... Donde justsamente hay que hacer una pagina con un carrito de compras y productos.... Y de paso escuchando a los redondos mientras programo. Saludos
muchas gracias Carpi, aprendi muchisimo, eres un gran profe, hiciste algo tan complejo y lo explicaste de manera simple para que personas que recien estamos comenzando pudieran aprender un poco de la magia de los cracks como tu. mil gracias, lo voy a seguir viendo al video hasta que lo pueda hacer mas o menos solito
Espectacular la explicacion del paso a paso en todo, tuve mis complicaciones y lo mas lindo fue resolverlas, con ayuda de la ia tambien jajaja ! NUEVO SUSCRIPTOR! gracias por semejante video !, ahora a seguir con el mobile y el otro ! pero espectacular. me gusto mucho lo claro que fuiste ! felicitaciones por saber tanto, ojala algun dia sepa 10% de lo que sabes, gracias a este video aprendi muchas cosas nuevas de js y entendi muchas otras !
te doy un like, seria genial poder ver algo así pero con una DB sea sqlserver o mysql, y su respectivo backend por supuesto, así poder alimentarme de mucho conocimiento.
Hola muchas gracias por el tutorial me está viniendo de perla para mi página, gracias no hay mejor tutorial que este. ojalá subieras otro video explicando totalmente lo de los pagos
@@carpicoder Me podrías ayudar con algo por favor, es que cuando ya estoy en el carrito y hago las función de productos en carrito para quitar y poner la clase "disabled " solo me muestra la parte que se llena con js de los productos que se guarda en el LocalStorage y el menú de abajo donde está el botón de vaciar carrito el total y el botón de comprar ahora no se me muestra no entiendo por qué tengo lo mismo que tú no entiendo me puedes ayudar const productosEnCarrito = JSON.parse(localStorage.getItem("productos-en-carrito")); const contenedorCarritoVacio = document.querySelector("#carrito-vacio") const contenedorCarritoProductos = document.querySelector("#carrito-productos") const contenedorCarritoAcciones = document.querySelector("#carrito-acciones") const contenedorCarritoComprado = document.querySelector("#carrito-comprado") if(productosEnCarrito){ contenedorCarritoVacio.classList.add("disabled"); contenedorCarritoProductos.classList.remove("disabled") contenedorCarritoAcciones.classList.remove("disabled") contenedorCarritoComprado.classList.add("disabled") te agradecería no entiendo qué pasa
Gracias de verdad por este contenido de calidad, entretenido e interesante. Agradezco que explicaras con calma y claridad. enseñas muy bien, nuevo subscriptor y espero sigas subiendo estos tipos de vídeos, un abrazo.
Parte 2, versión responsive: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jU2RExwQMa4.html Parte 3, agregué Fetch y Librerías: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--TQ1_D-WIgE.html
Muchas gracias Carpi🖤!!! wao muy bueno tu video!!!, Excelente y expontanea forma de transferir y trascender tu conocimiento, muy elocuente y empático toda tu explicación. Gracias de verdad.
Está genial el vídeo. Aunque se podría usar "fragment" en js. En vez de agregar cada iteración directamente al DOM. Sirve para hacer menos solicitud al cliente. Aunque trabajo también con React sé que con js se pueden hacer éstás maravillas... Gracias. Y me motivó a seguir amando vanilla js
bro, para el titulo de cada categoria era mas facil poner luego de cerrar el ELSE cargarProductos, poner que el innerText del titulo principal sea igual al innerText del currentTarget. yo lo hice asi, ocupe solo una linea corta y funciono sin ningun problema. por cierto, excelente video
Muy buen video y explicación, estoy aprovechando de complementar un curso que hago actualmente y me suma muchisimo! consulta de novato: Por qué se pone id si podemos usar el class para manipular las cosas desde javascript?
una pregunta, si quiero implementar una pasarela de pago, como lo hago? Me ha gustado mucho tu video y la verdad es que la página que has hecho esta muy bien planteada y sirve muy bien como ejemplo. Un saludo. Deberías de hacer un tutorial sobre pasarelas de pago
Buenas noches amigo, gracias por el aporte desde la golpeada Vzla..... pero quiero consultarte, como podría hacer - para mostrar en la misma tarjeta de cada producto la cantidad por producto especificamente arriba de botòn agregar.... no pintarlo sino el js.... comò hacer? y desde donde lo llamo - empece a trabajar con JS el 05-06-24..... tu desarrollo esta muy interesante.
MUCHISIMAS GRACIAS!!! Te segui para apoyarte en todas tus redes. Gracias a vos pude armar algo al fin porque venia de estar como vos en el minuto 2:06:08 🤣Mil gracias
una duda respecto al innerHTML, he visto que es mejor usar el fragment, ya que evita el reflow, si embargo para cosas mas pequeñas el inner viene bien, entonces ¿aconsejarías usar mejor el fragment con etiquetas templates en HTML necesarios o seguir usar el innerHTML?
Bro una duda que extensiones que usas para visual estudio code, tengo un problemita, y es que cuando llego a las partes de las imagenes no me sale ni una sola, lo mismo cuando descargo el archivo si me podrias ayudar yo feliz
Hola Muy buen video, estoy arrancando con js. Estuve probando en el codigo del repositorio. Pero no me funcionó, no carga las imagenes ni los botones. Tenes solo lo de la parte 1, sin json. Gracias por tu excelete trabajo.
Hola bro, la verdad te felicito por el video esta genial!!!, te quería consultar ya que realice algunos cursos de programación y estoy recién empezando, es conveniente los productos realizarlos en un array o mejor es hacerlo en una base de datos?
Excelente video como siempre , solo una duda en la function actualizarTotal (2:16:33) pudiste acceder al innerText del id "total" y modificarlo pero no fue a través de la variable que creaste antes contenedorTotal, se puede modificar el texto sin crear las variables ?
Hola Joni, excelente observación y me viene bien que lo hayas visto. Evidentemente quise poner "contenedorTotal" y nunca lo hice, y también evidentemente se puede hacer esto en JS (crear una variable global automáticamente con el ID del elemento HTML), pero es considerado mala práctica y recomiendo que usen contenedorTotal y no como lo hice yo sin querer
@@carpicoder Gracias por compartir tu conocimiento! no me quedó del todo claro cuál sería la buena práctica, donde recomendas usar contenedorTotal, de que manera....
@@MaicorBorges yo creé contenedorTotal y nunca lo usé. Recomiendo que lo usen jaja. Buena práctica: crear una variable usando querySelector o getElement. Mala práctica: usar el ID de un elemento directamente para referenciarlo sin guardarlo en una variable.
HOLA CARPI!TE HAGO UNA PREGUNTA VOS SABES QUE EN LA PARTE DONDE SE PONEN LAS IMAGENES DE LOS ABRIGOS Y DEMAS NO ME APARECE Y LA RUTA DE UBICACION ESTA CORRECTA.GRACIAS!
Exelente proyecto!, tenia una pregunta, lo quiero implementar en un proyecto de laravel como template, pero como agregaria los productos nuevos desde mi panel de administrador si tus datos estan en un .json? :/
@@carpicoder buenas, traigo un aporte para simplificar el código. En la parte donde se cambia el título cuando uno selecciona la categoría se podría escribir fuera del if...else... "tituloPrincipal.innerText = e.currentTarget.textContent". Este se puede aplicar para todas las categorías.
@@lucky_dev Es un cachito más complejo porque tiene un ícono adelante y se agrega un espacio que no sé cómo queda en el título exactamente, pero sí, podría ser también una opción. También tiene otra desventaja: si queremos agregar algún otro texto como una etiquetita de NEW o SALE, lo que fuere, a uno de estos botones, también saldría en el textContent. Cuando hago ese tipo de cosas, intento sacar lo menor posible del HTML y trabajar con cosas que ya sé que tengo bien escritas en el JS. De todas formas, es una buena observación y estoy segurísimo de que hay muchas más cosas para mejorarle al código, estamos aprendiendo y no dudes en dejarme las que te vayan surgiendo, tanto en este video como en otros!
