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!
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 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, 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ó.
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.
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 !
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.
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
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.
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
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
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
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
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.
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?
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.
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
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? :/
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?
Carpi, una pregunta bro. Cómo le hago para poder agregarle todo el funcionamiento para añadir más productos y se vaya guardando de manera local. Puedes ayudarme con eso por favor?
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
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.
@@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!
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 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?
Es otra alternativa, exacto! Siempre me gusta de todas formas ser específico si se puede, por si en algún momento quiero agregar otro más general, que estos dos queden donde los puse exactamente je
Hola Carpi Excelente video 👌 me ayudaste mucho tu explicación Muy buena. Solo una consulta como podría ponerle a cada producto un botón de detalles y que me mande a un HTML con su descripción, por qué ves que los productos están en el js. Porfa me ayudarías. Saludos
Algo así es mucho más factible usando React, no hay una forma demasiado cómoda y performante pero podría ser guardar en localStorage cual fue el producto que el usuario clickeó y luego obtener esa info desde localStorage para buscarlo en tu Array o JSON y mostrar los detalles en un HTML que sea el mismo para todos. Lo de generar diferentes rutas dependiendo de lo que clickeamos lo vamos a ver en el curso de React que ya falta poquito 😎💖
Gracias Gonza! Agregaría un botoncito a cada lado de la cantidad que aumente y que baje y algún atributo que represente al producto (id o algún atributo personalizado), y luego con eventos filtrar ese producto en el array de Carrito y aumentar la cantidad, y volver a renderizar los productos en el carrito. Medio complicado de explicar en un comment pero algo así sería jeje.
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.
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”
Y yo aprendo mucho de lo que enseño, y aprendo mucho a aprender. Me gusta mucho esa frase, gracias José! 🙌
De todos los tutoriales que busqué, este fue el mejor el más claro fácil de entender y dinámico.
Muchas gracias me encantó!!!!
Muchas gracias Julián por el comentario y las palabritas! Me alegra mucho que te haya servido ♥
Con este video me di cuenta después de estudiar 2 meses JavaScript, que no se un carajo de JavaScript
😂😂😂
Parte 2, versión responsive: ua-cam.com/video/jU2RExwQMa4/v-deo.html
Parte 3, agregué Fetch y Librerías: ua-cam.com/video/-TQ1_D-WIgE/v-deo.html
Exelente video, nuevo suscriptor 👍🏽
Podrías hacer otro video explicando como usarlo con una base de datos de los productos
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!
Muchas gracias Natali, me alegra mucho que te sirvan los videitos 💖✨👌🏼
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 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!!
Muchas Gracias Carpi!! Estoy aprendiendo JavaScript y con este proyecto me has ayudado mucho a practicar la lógica de programación.
es increíble como incluso equivocándote nos estas enseñando. Gracias Carpi!
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ó.
un espectaculo como explicas. Muy bueno el ejemplo de la pagina
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.
Muchas gracias por el comentario! Me alegra mucho que haya servido! 👌🏼💖✨💪🏼
MAESTRO! ESTO ES ORO! No sabes la joya que nos acabas de regalar! Seguí asi!
Muchas gracias Guido por tu comentario! 🙌❤🤩
Es como la 4ta vez que lo veo y uno sigue aprendiendo mas conceptos....Muy buen video.
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 !
Me has salvado, estoy agradecido. Dejo like, comentario y sub!.
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.
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!! 👋👋
Gracias Kevin por el comentario! Me alegra mucho que les sirvan mis videítos, vamo arriba! 🙌
Claro, facil de comprender, facil de implementar. Te felicito por tus ganas de enseñar! (me lo llevo) Gracias!
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
🤙🏼 Gracias por el mensajito y arriba el rock 🎸😅
GRANDE CARPI, quieren consolidar conceptos? este es un gran video para eso, genio, muchisimas gracias
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
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.
Gracias a vos me destrabe del problema que tenia, gracias crack!
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
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
@@fabriciofernandez7942 genial Fabri, me alegra seguir ayudando gente con este video!
@@fabriciofernandez7942 cuando tengas el resultado final mandá el link!
Que mejor que un videito de Carpi para este domingo gris.
🥺💖 Gracias Lucas! 🙌🏼
Clave el momento 02:06:08, buen trabalenguas jajaja gracias genio! excelente video, aprendí muchísimo, la tenes super clara
Sin haber empezado el video te estoy amando! Me ayudas muchisimo siempre gracias y que siga esto porfaa
Gracias! Me alegra mucho que te sirva el contenido!
Muhcas gracias con tus ejemplos logre avances en mis tareas personales.
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
Gracias Hugo por el comentario! Por ahora lo de los pagos no va a estar porque se necesitan conocimientos en backend, pero más adelante quizás salga ✨
@@carpicoder Ojalá puedas hacerlo estoy seguro que ayudarás a mucha gente, gracias por compartir tus conocimientos
@@HugoorielsoTfm gracias a vos! Y cualquier sugerencia siempre viene bien 🙌🏼
@@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
@@carpicoder Ya por pude arreglar el problema, tenía problemas en el maquetado de html
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 amigo! Un abrazo!
sos un capo, me solucionaste una banda de problemas en mi proyecto, muchas gracias
Gracias Ignacio por el comentario! 💪❤
me simplificaste muchisimas dudas, muchas gracias GENIO!!
Ya voy por más de la mitad , me he divertido bastante haciendolo , gracias nuevamente bro!
Gracias a vos por el comentario! Cuando llegues al final te vas a reír de mi trabada de cerebro cósmica 🤣
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.
Muchas gracias Santi! Pronto se viene otro e-commerce un poco más completo 😎
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.
Muchas gracias por el comentario Pipe! 💖👌🏼✨
Carpi me gusta mucho como explicas y adoro que vayas haciendo console log para verificar el paso a paso. Muchas gracias :D
Gracias Thomi por el comentario! ❤💪
Que locura de video. Muy bueno Carpi
Gracias Pedro querido! 💪❤
Heeeey Carpi parcero, muchas gracias de verdad que muy buena energía, tus videos y tu canal
🧡❤ Muchas gracias amigo!
Como siempre un video de calidad , mega entendible cada paso , muchas gracias Carpi.
Me alegra que les guste el contenido, muchas gracias Julio! 🙌🏼💖
seria geniar que enseñes un metodo de busqueda
para buscar los productos.
un buen trabajo para los que nos hace falta mucha practica
Excelente explicación! Me sirvió mucho! Voy a practicar haciendo una página de ecommerce con tu video!
Ya no se como agradecerte jajaj. Nos vemos en los videos de React!!👋👋👋
Excelente clase, un video super claro que toca múltiples temas explicados de manera super clara. Gracias Carpi!!!
Gracias Maxi por el comentario! ❤🙌☺
Muy bueno el canal!! me suscribo. Necesitamos aprender a enviar y recibir data directo de API's no encuentro mucho en youtube en español!!
sos la verdadera locura hemano
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
Gracias por tanto! Me facilitaste la vida en html y css y ahora en js también 🙏
🙌❤✨🦔
Agradezco mucho el trabajo que hiciste, me aclaraste mil dudas!
Me alegra ayudarles Juan, gracias por el comentario! ❤
Excelente video Carpi! Lo vi todo y valió la pena, muchas gracias!
🥰😃 Muchas gracias!
Gracias Carpi! genial el video!!
Grande bro , justo buscaba algo asi para poder practicar , estaré al tanto de tu canal , ojala sigas subiendo material
Gracias! Seguiré subiendo contenido 🙌🏼💖
@@carpicoder excelente!
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?
Mil gracias por el aporte. Sos un genio explicando!!!
Muy bien explicado. Una sugerencia: Un sistema de gestión de una biblioteca de libros.
muchas gracias
jajaja yo lo hacia en un mismo html, y en la parte de javascript dice lo de "cuando lo hice en un solo html tuve problemas " 🤡🤡, buen tutorial 10/10
gracias por toda la info que dejas!!
Excelente contenido, saludes y gracias por compartir contenido de calidad.
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.
Excelente carpi! Muy bueno! Muchas gracias!
Gracias Fede! 🙌🏼💖💕
exelente practica . gracias por todo . y wooow ya tienes 2mil suscriptores que rapido si hace poco tenias mil ajajjajaj excelente . Exitos
💖🙌🏼 Muchas gracias Gabriel!
Gracias, gracias, mil gracias Mati, un video con calidad de contenido, super bien explicado paso a paso. ;)
Muchas gracias Andrea por el comentario! 👌❤
Genio carpi, nos salvas las papas a todos!!!!
exelente video! 🤩 de los mejores tutoriales que vi!!!!
Muchas gracias Héctor! Me alegra mucho que te haya servido! 🙌🏼❤️
Un besote en esas nalga amigo, muchas gracias por compartir tu sabiduría con las personas, eres grande. Saludo desde Colombia ❤🇨🇴
Genio Carpi!!
Matii 🙌🏼💖
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
Muy buen trabajo
saludos desde RD, esto me ha ayudado bastante
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? :/
un saludo desde colombia , muchas gracias!!!
Muchas gracias amigo por el comentario! 🚀🔥
Excelente tu explicación, super tranquilo!
Muchas gracias por tu comentario! ❤
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?
nuevo sub, gracias
con esto pasare el trimestre
gracias
Carpi, una pregunta bro.
Cómo le hago para poder agregarle todo el funcionamiento para añadir más productos y se vaya guardando de manera local.
Puedes ayudarme con eso por favor?
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
jajajaja después de 2 horas de hablar y a esa hora de la madrugada se complica 😅 Gracias por el apoyo! 🙌❤
Muy buen material, se agradece!
Muchisimas graciaaasss :3... Me costo pero me gusta como enseñas
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.
como seria la buena practica? estoy trabada justo en el final de sacar el total
Muy buen contenido... Messirveeee
Saludos
gracias Carpi esta excelente me ayudo mucho
Es excelente, de los mejores que encontré
Muchas gracias Lucas! 💕🙌🏼
@@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!
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 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?
43:00 border-radius:1rem 0 0 1rem; sentido del reloj
Es otra alternativa, exacto! Siempre me gusta de todas formas ser específico si se puede, por si en algún momento quiero agregar otro más general, que estos dos queden donde los puse exactamente je
Hola! Como se podria hacer para usar una base de datos para los productos?
Hola Carpi
Excelente video 👌 me ayudaste mucho tu explicación Muy buena.
Solo una consulta como podría ponerle a cada producto un botón de detalles y que me mande a un HTML con su descripción, por qué ves que los productos están en el js.
Porfa me ayudarías.
Saludos
Algo así es mucho más factible usando React, no hay una forma demasiado cómoda y performante pero podría ser guardar en localStorage cual fue el producto que el usuario clickeó y luego obtener esa info desde localStorage para buscarlo en tu Array o JSON y mostrar los detalles en un HTML que sea el mismo para todos. Lo de generar diferentes rutas dependiendo de lo que clickeamos lo vamos a ver en el curso de React que ya falta poquito 😎💖
Todos pensando porque no me toco CARPI como profe en CODERRRR Graciasss Carpi!!!!!
Muy buen video!!!! segui asi !
Duda antes de empezar, el ecommerce queda responsivo para celular?
Hola, que buen video, pregunta no se por que al subir todo no me carga los articulos queda en blanco muchas gracias
exelente trabajo, como agregarias para que se pueda modificar la cantidad en el carrito?
Gracias Gonza!
Agregaría un botoncito a cada lado de la cantidad que aumente y que baje y algún atributo que represente al producto (id o algún atributo personalizado), y luego con eventos filtrar ese producto en el array de Carrito y aumentar la cantidad, y volver a renderizar los productos en el carrito. Medio complicado de explicar en un comment pero algo así sería jeje.
No me estaría funcionando el remove y add de la class "disabled", teniendo todo en orden y tal cual
compa excelente, es casi lo mismo contenido de coderhouse cierto ?
Excelente video para practicar,,,
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.