Ya terminé el ejercicio, me parece muy buen tutorial, en algunas partes me perdí porque soy nuevo en todo esto, pero rebobinando el video y experimentando pude solucionar los problemas que se me iban presentando, yo hice una tienda de trajes de baño, le puse mis propias imágenes y si me quedó bien. Ahora ya estoy listo para la siguiente parte introduciendo JavaScript al carrito de compras, he estado tomando otro tutorial de JavaScript en otro canal de TH-cam, pero me hacía falta empezar a poner en práctica funciones, métodos y todas esas cosas, para que no se quede como solo conocimiento abstracto analítico, si no llevarlo a la práctica, así que este tutorial me ayudó mucho a conocer cómo se entrelaza HTML - CSS y JavaScript, como se integran, como JS llama las clases, etc...Muy profesional el video, creo que es muy importante que los instructores no nos metan vicios que después cuando estemos programando, andemos arrastrando desórdenes al estructurar las páginas, creo que no todos los TH-camrs tienen la misma calidad, muchas gracias y seguiré aprendiendo de tu contenido, saludos desde México
Muchas gracias por el comentario. Me alegra saber que el tutorial le fue útil para crear su propia tienda de trajes de baño. También aprecio sus comentarios sobre la importancia de ser un instructor profesional y enseñar de manera clara y ordenada, trataré de seguir haciendo contenido útil y entendible. ¡Gracias por ver mi contenido y te envío un saludo!
Hola amigo, voy en el minuto 9:02 y la verdad me está gustando mucho el tutorial, he estado estudiando muchos tutoriales de programación y con este voy poniendo muchas cosas en práctica, mil gracias
La IMAGEN se puede obtener copiando la dirección de la imagen. Es decir, buscas la imagen que quieres utilizar, haces click izquierdo y ahi te aparece la opción de copiar la dirección. De nada:)
a mi no me toma el .item:hover{ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20); } y no coloca en fila los productos, solo los coloca en columna (uno de bajo del otro)
tengo una duda, si por ejemplo si me gustaria agregar mas de 5 columnas, en este caso que se hace o que tipo de codigo se necesite para no perder la estructura y diseño?
Ya encontre el error para los que se les ponen las imagenes o articulos uno debajo de otro en lugar de 3 en 3, No se pone el en todos los productos, solo se pone una vez y se cierra hasta el final de todos los productos “ espero que a alguien le sirva
Hola, eso se podría hacer con javascript. En este vídeo solo explico el diseño y la maquetación. En mi mismo canal hay un vídeo de cómo hacer un carrito de compras utilizando javascript. Talvez es lo que buscas
Saludos! Necesitaría ver tu código para poder ayudarte. De todas formas puedes volver a revisar el código y verificar que este correcto. A veces olvidamos colocar cierta clase o escribimos mal
hola amigo que comando necesito para cuando alguien me compre algo controlar el stok de los productos ejemplo la persona me compra algo y el archivo se borra o deja de estar disponibles
Hola! Esta muy bueno el video!! No me funciona el ('.container-icon') al final del video, para poder mostrar el alert... puse en el archivo .js const btnCart = document.querySelector('.container-icon'); btnCart.addEventListener('click', () => { alert('Funciona') }); lo hice tal cual lo fuiste haciendo vos, pero el addEventListener me da error diciendo que no puede responder a null... Si me pudieras dar una mano con eso, seria genial asi puedo terminar esta etapa que la estoy haciendo para un TP final tambien.
Hola, si sale eso es porque la variable o la constante en este caso btnCart no existe en el html o esta mal escrito. Verifica que esa variable este leyendo correctamente la clase o el id del HTML. Si esta mal escrito y el elemento html no existe la variable o constate es null, por eso es que no se puede acceder al eventListener del valor de null. Ese es el error. Saludos
Hola, puede ser por errores de escritura o algo que haga falta en el css. Te aconsejo que revises mi código de Github y compares esa parte para salir de duda
es un código, tiene derechos de autor, sin embargo en el video lo están regalando incentivando que veas el video y no copies y pegues :) también me encuentro haciendo un carrito. podemos colaborar, o si necesitas ayuda me escribes :)
Oye... Estuve copiando tu tutorial... y por algún motivo no se modifica mi documento... También lo intenté copiándolo directamente desde GitHub y no pasa nada... ¿Qué estoy haciendo mal?
@@programacionparaelmundo Ah no... ya no hay necesidad... Ya estuve observando y resulta que copié un comando mal. Ahora funciona como el tuyo. Muchas gracias.
Te recomiendo revisar el código fuente que deje en Github para resolver eso. Yo me imagino que el problema está en la clase container. No se está centrando correctamente
como puedo poner las imagenes en el codigo de manera local? Es decir teniendo las imágenes guardadas en el disco y solo colocando la direccion del directorio en lugar de la url
Hola muchas gracias soy nuevo en esto, ya tienes un suscriptor mas, tengo un inconveniente al alinear las imágenes CSS: .container-items{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} HTML: Saludos y bendiciones.
Saludos! Gracias por el comentario. Acerca del problema No puedo ver donde está porque faltaría más código. Puedes escribirme a mi telegram por más ayuda t.me/roberto_anq
holaa, muy buen vídeo, quería saber si me podía alguien de la comunidad resolverme una duda, las imágenes me quedan una abajo de la otra, y no se como resolverlo probé algunas cosas pero no cambia (soy nueva en este mundo y agradecería la paciencia)
Una pregunta en el minuto 12:30 donde haces la cuadricula con las imágenes lo puse exactamente igual y por alguna razón no los pone en cuadricula solo se hacen mas chicos o mas grandes las imágenes cuando subo o bajo el numero de columnas. sabes a que se debe eso?
Normalmente cuando sucede así suele ser un problema en el HTML, con errores de maquetado de las etiquetas. Siempre recomiendo comparar el código que está en Github en la descripción con el tuyo. Saludos
@@cinthyaaraceliperazaalvare7893 me pasó lo mismo, el problema está en que cuando repites los contenedores copias desde el y debe ser desde el . Si copias desde esa segunda clase y repites dentro del ya se crea la cuadricula
para los que aún tengan ese problema, de que no salgan los productos en col de 3, (solo sale lineal) revisen en cada copiado en si cerraron el en cada una de las copiadas al finalizar. Me pasaba lo mismo y se arregló.
increíble video, tengo un inconveniente fije el menú con position: fixed; y a los productos cuando le puse transform: scale(1.1); salen del menú como podría ocultarlo atrás del menú cuando baje
Hola hermano, tengo un problema con el HeroIcon Cart en html, me queda gigante en la pagina y no pequeño como deberia verse en la pagina como a ti. Se ve muy grande y no lo puedo modificar
buen video ,pero no explicas como hacer para que al darle añadir al carrito, se añada al carrito y se haga la sumatoria total ,es lo de lo mas importante
Bueno este vídeo solo es el diseño especificamente con HTML y CSS cómo dice el título del vídeo. Pero aún así en mi canal tengo cómo implementar la parte lógica con javascript en otro vídeo
Hola, buen video. Oye los artículos me quedan uno al lado de otro, revisé bien el estilo y nada, y también coloque un pie de página y me queda al lado de los artículos no debajo, me podrías ayudar ahí?😣
hola, muy buen video, pero tengo un problema, cuando quiero alinear las imagenes, pongo todso el codigo pero no me funciona. Como podría solucionarlo?? Gracias, saludos
Un saludo. Tendría que ver que esta influyendo en tu código. Muchas veces puede ser un error en el html. El código está en la descripción, puedes compararlo
buenas bro me encanta como explcias en el video y lo funcional del proyecto, me gustaria saber como haces para que el codigo siempre se ajuste en el vs yo cuando copio o pego siempre es en linea y no se acomda como el tuyo o con las etiquetas de img por ejemplo
Utilizo Prettier (una extensión de visual studio code) para formatear automáticamente. Se instala y se configura al inicio. Después de ahí solo aplasto un atajo del teclado. Saludos
Hola excelente video gracias. Puedes decirme en que video configuras los botones de los items para que al darles click se añadan al carrito y se actualice el total
se agradece todo pero siento que estas programandolo de memoria o ya tenes mucha experiencia, ando buscando info por todos lados y me trabo, no se cuantos px dar ni nada, aparte de que no siempre las imagenes son en el mismo formato cuadrado por así decirlo. realmente me cuesta encontrar como crear la galeria responsive que deje bien los margenes en ambos lados y que al achicar la ventana no quede un espacio enorme a un solo lado para que quede algo prolijo a medida que se van acomodando en las filas de abajo, se necesita aprender a solucionar problemas no a copiar lo que hacen los demas, no siento estar aprendiendo al ver el video o sera que soy muy ansioso. desde ya mil gracias igual
Te entiendo perfectamente. Poder adaptar una imagen a un Layout muchas veces puede ser complicado. Si las imágenes no tienen una dimensión cuadrada o son de diferentes dimensiones lo que puedes hacer es establecer un ancho y un alto fijo a la imagen. O de lo contrario al contenedor de la imagen. De esa forma te aseguras que respete el Layout definido. Y si la imagen queda distorsionada siempre puedes arreglarla con el object-fit. Lamento que este vídeo no te haya servido mucho, la verdad la mayoría de vídeos que subo son prácticas para personas que buscan poner en práctica lo que están aprendiendo o quieran ver otras formas de resolverlo. Pero luego subiré más vídeos explicando más detalladamente. Saludos y sigue aprendiendo. Ánimos :D
@@programacionparaelmundo dale gracias, igual siempre se aprende algo. solo que veo a muchos haciendo paginas y sabe cuantos px dar de alto y ancho pero no explican como razonan para llegar a decidir en usar esas medidas, y supongo que una vez que hacen la pagina y quedó bien ya solo la rehacen y van explicando cada parte del codigo que usaron pero no los errores que tuvieron y como los solucionaron. muchas gracias por la respuesta
@Guias Apo Te aconsejo que revises Diseño UI/UX. Tutoriales sobre eso, ahí encontrarás las respuestas a eso. Hay cierto sistemas de medidas que uno se puede guiar. No se puede cubrir todo con un vídeo pero si buscas de forma específica estoy seguro que encontrarás todo eso.
esta bien perotiene que ser muchisiiimo mas didactico hay cosas que la gente no entiende y tu lasdas por echo y la gente no sabe porque esta bien pero debes de meter el porque haces eso en algunos casos
Muchas gracias hermano, esta sera mi base de un proyecto que tengo 🙏🏻
Ya terminé el ejercicio, me parece muy buen tutorial, en algunas partes me perdí porque soy nuevo en todo esto, pero rebobinando el video y experimentando pude solucionar los problemas que se me iban presentando, yo hice una tienda de trajes de baño, le puse mis propias imágenes y si me quedó bien. Ahora ya estoy listo para la siguiente parte introduciendo JavaScript al carrito de compras, he estado tomando otro tutorial de JavaScript en otro canal de TH-cam, pero me hacía falta empezar a poner en práctica funciones, métodos y todas esas cosas, para que no se quede como solo conocimiento abstracto analítico, si no llevarlo a la práctica, así que este tutorial me ayudó mucho a conocer cómo se entrelaza HTML - CSS y JavaScript, como se integran, como JS llama las clases, etc...Muy profesional el video, creo que es muy importante que los instructores no nos metan vicios que después cuando estemos programando, andemos arrastrando desórdenes al estructurar las páginas, creo que no todos los TH-camrs tienen la misma calidad, muchas gracias y seguiré aprendiendo de tu contenido, saludos desde México
Muchas gracias por el comentario. Me alegra saber que el tutorial le fue útil para crear su propia tienda de trajes de baño. También aprecio sus comentarios sobre la importancia de ser un instructor profesional y enseñar de manera clara y ordenada, trataré de seguir haciendo contenido útil y entendible. ¡Gracias por ver mi contenido y te envío un saludo!
Por las dudas sabrias cual es el video de javascript q estabas viendo
Hola amigo, voy en el minuto 9:02 y la verdad me está gustando mucho el tutorial, he estado estudiando muchos tutoriales de programación y con este voy poniendo muchas cosas en práctica, mil gracias
hola salvaje
La IMAGEN se puede obtener copiando la dirección de la imagen. Es decir, buscas la imagen que quieres utilizar, haces click izquierdo y ahi te aparece la opción de copiar la dirección. De nada:)
sabes q yo no puedo, no me guarda la imagen , será q la tengo q exportar desde fotos? o mismo si la copio de la web sirve?
Muchísimas gracias bro, me sirvió mucho para un proyecto que estoy desarrollando, 10/10 !
Muchisimas gracias todo super bien explicado !! aprendi mucho , nos vemos en la proxima!!
muy util, para el que quiere afianzar conocimiento. Buena elección de contenido!
a mi no me toma el .item:hover{
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20);
} y no coloca en fila los productos, solo los coloca en columna (uno de bajo del otro)
Graciaaaaas me salvaste no sabia bien como hacer las operaciones en java y adjuntarlas con html
gracias, lo hice todo paso a paso y salió perfecto
holiii,me pasarias el código??
hola hermanito tengo un pequeño problema en lo que es java el tema que el carrito no me muestra la información al hacer click ayuda xfa
gracias brother, aprendí cosas nuevas.
tengo una duda, si por ejemplo si me gustaria agregar mas de 5 columnas, en este caso que se hace o que tipo de codigo se necesite para no perder la estructura y diseño?
excelente tutorial pero al momento de poner el carrito no me sale, por que ?
Gracias amigo, esta sera la base de un proyecto que hare, muchas gracias
algo que no entendi... como hiciste para ponerlas de uno al lado del otro? intente aplicarlo y no me salio.
hola, quisiera saber como le saco el codigo a la imagen para copiarlo y pegarlo
Hola, me queda una imagen debajo de la otra. necesitaria ayuda con el codigo!
Puedo hacerlo en el celular?tengonla app acode... Eso funciona?o que me recomendaria para un celular android?
Ya encontre el error para los que se les ponen las imagenes o articulos uno debajo de otro en lugar de 3 en 3,
No se pone el
en todos los productos, solo se pone una vez y se cierra hasta el final de todos los productos “
espero que a alguien le sirva
gracias salvaste mi tp, devoraste :*
Muchas gracias por el aporte
Buen video, me queda una pregunta: ¿Como hacer para que las personas puedan comprar y pagar a mi tarjeta los artículos que hayan agregado al carrito?
que canal mas icreible gracias bro, nuevo sub
Increible tutorial, NUEVO SUB🥳🥳
hola tengo un problema en la parte del carrito de compra, no me permite sumar el valor que le doy a los objetos
Hola, eso se podría hacer con javascript. En este vídeo solo explico el diseño y la maquetación. En mi mismo canal hay un vídeo de cómo hacer un carrito de compras utilizando javascript. Talvez es lo que buscas
Gracias!
Muy bueno el tutorial, nuevo suscriptor
groso loco aprendi un monton muchas gracias
Muy buen tutorial 👍😃
y como se llama la herramienta para poner los codigos?
Hola, tengo un problema, no se hace pequeño mi icon cart
Saludos! Necesitaría ver tu código para poder ayudarte. De todas formas puedes volver a revisar el código y verificar que este correcto. A veces olvidamos colocar cierta clase o escribimos mal
@@programacionparaelmundo Hola, si gracias logre solucionarlo. le problema era que en la Linea coloque así pero en realidad tenia que ponerlo así
@@programacionparaelmundo ME PASA LO MISMO JAJAJJA Y YA ESTOY ESTRESADO XD
tengo problemas con la cuadricula le los elemtos, puse todo tal cual para las columnas de 3,1 fr pero no me se hicieron
Hola, lo arreglaste, a mi se me ponen todos en fila hacia abajo no en cuadricula😢
hola amigo que comando necesito para cuando alguien me compre algo controlar el stok de los productos ejemplo la persona me compra algo y el archivo se borra o deja de estar disponibles
Hola , no se jejejejejejjejejejejejejejjejejejejejjejejejejej
Hola! Esta muy bueno el video!! No me funciona el ('.container-icon') al final del video, para poder mostrar el alert... puse en el archivo .js const btnCart = document.querySelector('.container-icon');
btnCart.addEventListener('click', () => {
alert('Funciona')
}); lo hice tal cual lo fuiste haciendo vos, pero el addEventListener me da error diciendo que no puede responder a null... Si me pudieras dar una mano con eso, seria genial asi puedo terminar esta etapa que la estoy haciendo para un TP final tambien.
Hola, si sale eso es porque la variable o la constante en este caso btnCart no existe en el html o esta mal escrito. Verifica que esa variable este leyendo correctamente la clase o el id del HTML. Si esta mal escrito y el elemento html no existe la variable o constate es null, por eso es que no se puede acceder al eventListener del valor de null. Ese es el error. Saludos
Hola..
Una pregunta segi todos los pasos pero mis productos no se ponen en fila siguen todos para abajo.
Porque será ?
Hola, puede ser por errores de escritura o algo que haga falta en el css. Te aconsejo que revises mi código de Github y compares esa parte para salir de duda
Una pregunta, donde encuentro el link a la pagina que estoy creando, si alguien me puede explicar o decir p porfa
es un código, tiene derechos de autor, sin embargo en el video lo están regalando incentivando que veas el video y no copies y pegues :)
también me encuentro haciendo un carrito.
podemos colaborar, o si necesitas ayuda me escribes :)
Oye...
Estuve copiando tu tutorial... y por algún motivo no se modifica mi documento...
También lo intenté copiándolo directamente desde GitHub y no pasa nada...
¿Qué estoy haciendo mal?
Tendría que ver que es lo que tienes para poder ayudarte. Escribeme a Telegram para revisar
@@programacionparaelmundo Ah no... ya no hay necesidad...
Ya estuve observando y resulta que copié un comando mal.
Ahora funciona como el tuyo.
Muchas gracias.
Hola amigo,segui el tutorial pero la pagina se queda al lado izquierdo,como puedo hacer que la pagina se centre?
Te recomiendo revisar el código fuente que deje en Github para resolver eso. Yo me imagino que el problema está en la clase container. No se está centrando correctamente
Hola amigo una consulta, y si quiero agregarle un link de descarga en añadir al carrito como haría ?
En el a href le colocas la ruta del archivo que quiere descargar y adicional le añades el atributo download. Espero haberte ayudado, saludos
muy buen video, me ayudo mucho :)
como puedo poner las imagenes en el codigo de manera local? Es decir teniendo las imágenes guardadas en el disco y solo colocando la direccion del directorio en lugar de la url
Sino estoy mal es poniendo la carpeta dentro de la carpeta general de tu produce y de ahí ir llamando las por el nombre con que las guardas
Hola muchas gracias soy nuevo en esto, ya tienes un suscriptor mas, tengo un inconveniente al alinear las imágenes
CSS:
.container-items{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;}
HTML:
Saludos y bendiciones.
Saludos! Gracias por el comentario. Acerca del problema No puedo ver donde está porque faltaría más código. Puedes escribirme a mi telegram por más ayuda t.me/roberto_anq
como estas? tengo el mismo problema. lo pudiste solucionar? no encuentro donde esta el error... muchas gracias !
como estas? tengo el mismo problema. lo pudiste solucionar? no encuentro donde esta el error... muchas gracias !
para responsive no me toma la indicacion
ayuda por favor!!!!!!!!!!!!!!!!!!!!!!!
holaa, muy buen vídeo, quería saber si me podía alguien de la comunidad resolverme una duda, las imágenes me quedan una abajo de la otra, y no se como resolverlo probé algunas cosas pero no cambia (soy nueva en este mundo y agradecería la paciencia)
estimado buenos dias .cual es la extencion de visual code para colocar los comando de forma automatica?
Saludos, A cuál extensión se refiere? Ya que en ese video no utilizo ninguna en específico
Una pregunta en el minuto 12:30 donde haces la cuadricula con las imágenes lo puse exactamente igual y por alguna razón no los pone en cuadricula solo se hacen mas chicos o mas grandes las imágenes cuando subo o bajo el numero de columnas.
sabes a que se debe eso?
Normalmente cuando sucede así suele ser un problema en el HTML, con errores de maquetado de las etiquetas. Siempre recomiendo comparar el código que está en Github en la descripción con el tuyo. Saludos
disculpa me pasa lo mismo ,pudiste resolverlo?
@@cinthyaaraceliperazaalvare7893 me pasó lo mismo, el problema está en que cuando repites los contenedores copias desde el y debe ser desde el . Si copias desde esa segunda clase y repites dentro del ya se crea la cuadricula
para los que aún tengan ese problema, de que no salgan los productos en col de 3, (solo sale lineal) revisen en cada copiado en si cerraron el en cada una de las copiadas al finalizar. Me pasaba lo mismo y se arregló.
@@sjhonniellys_ yo los tengo cerrados los div pero sigue lo mismo, no se me modifica
increíble video, tengo un inconveniente fije el menú con position: fixed; y a los productos cuando le puse transform: scale(1.1); salen del menú como podría ocultarlo atrás del menú cuando baje
Saludos. Comunícate conmigo aquí t.me/roberto_anq para poder revisar más de cerca
buen tutorial
Hola no me toma en cuenta el archivo css por lo que no hace los cambios en la página
Revisa la ruta de tu archivo. Normalmente eso podría estar pasando. En la descripción está mi código para comparar
Hola hermano, tengo un problema con el HeroIcon Cart en html, me queda gigante en la pagina y no pequeño como deberia verse en la pagina como a ti. Se ve muy grande y no lo puedo modificar
ami tambien
Hola bro qué programa usaste para hacer la tienda net beans?
El editor de código es Visual Studio Code
Habrá alguna manera que se conecte a una base de datos de mysql workbench?
Claro, pero para eso se necesita un backend. En este vídeo solo está el diseño y maquetado
buen video ,pero no explicas como hacer para que al darle añadir al carrito, se añada al carrito y se haga la sumatoria total ,es lo de lo mas importante
Bueno este vídeo solo es el diseño especificamente con HTML y CSS cómo dice el título del vídeo. Pero aún así en mi canal tengo cómo implementar la parte lógica con javascript en otro vídeo
Que bueno.
si quisiera poner la pagina a funcionar, necesitaria un hosting, no?
Así es, puedes usar Netlife gratis
Hola, buen video. Oye los artículos me quedan uno al lado de otro, revisé bien el estilo y nada, y también coloque un pie de página y me queda al lado de los artículos no debajo, me podrías ayudar ahí?😣
Hola, escríbeme a telegram para poder ayudar
Hola, pudiste resolverlo?
Jenial
hola, muy buen video, pero tengo un problema, cuando quiero alinear las imagenes, pongo todso el codigo pero no me funciona. Como podría solucionarlo?? Gracias, saludos
Un saludo. Tendría que ver que esta influyendo en tu código. Muchas veces puede ser un error en el html. El código está en la descripción, puedes compararlo
@@programacionparaelmundo si, me fije, gracias, lo pude resolver
34:45
como hago eso en un bloc de notas 🥺🥺?
buenas bro me encanta como explcias en el video y lo funcional del proyecto, me gustaria saber como haces para que el codigo siempre se ajuste en el vs yo cuando copio o pego siempre es en linea y no se acomda como el tuyo o con las etiquetas de img por ejemplo
Utilizo Prettier (una extensión de visual studio code) para formatear automáticamente. Se instala y se configura al inicio. Después de ahí solo aplasto un atajo del teclado. Saludos
amigo, el javascript no me sirvió😞
bro como hago para poner todo eso en una imagen de un celular?
No entiendo la pregunta
Hola excelente video gracias. Puedes decirme en que video configuras los botones de los items para que al darles click se añadan al carrito y se actualice el total
Saludos, la siguiente semana subiré un vídeo de esa parte
@@programacionparaelmundo genial gracias estaré atento
me podrias decir los plugins que tienes? porfa
Utilizo algunos. Entre los más destacados serían LiveServer, Prettier, Tokyo Night (Este es el tema que tengo) y para los iconos Material Icon Theme
se agradece todo pero siento que estas programandolo de memoria o ya tenes mucha experiencia, ando buscando info por todos lados y me trabo, no se cuantos px dar ni nada, aparte de que no siempre las imagenes son en el mismo formato cuadrado por así decirlo. realmente me cuesta encontrar como crear la galeria responsive que deje bien los margenes en ambos lados y que al achicar la ventana no quede un espacio enorme a un solo lado para que quede algo prolijo a medida que se van acomodando en las filas de abajo, se necesita aprender a solucionar problemas no a copiar lo que hacen los demas, no siento estar aprendiendo al ver el video o sera que soy muy ansioso. desde ya mil gracias igual
Te entiendo perfectamente. Poder adaptar una imagen a un Layout muchas veces puede ser complicado. Si las imágenes no tienen una dimensión cuadrada o son de diferentes dimensiones lo que puedes hacer es establecer un ancho y un alto fijo a la imagen. O de lo contrario al contenedor de la imagen. De esa forma te aseguras que respete el Layout definido. Y si la imagen queda distorsionada siempre puedes arreglarla con el object-fit. Lamento que este vídeo no te haya servido mucho, la verdad la mayoría de vídeos que subo son prácticas para personas que buscan poner en práctica lo que están aprendiendo o quieran ver otras formas de resolverlo. Pero luego subiré más vídeos explicando más detalladamente. Saludos y sigue aprendiendo. Ánimos :D
@@programacionparaelmundo dale gracias, igual siempre se aprende algo. solo que veo a muchos haciendo paginas y sabe cuantos px dar de alto y ancho pero no explican como razonan para llegar a decidir en usar esas medidas, y supongo que una vez que hacen la pagina y quedó bien ya solo la rehacen y van explicando cada parte del codigo que usaron pero no los errores que tuvieron y como los solucionaron. muchas gracias por la respuesta
@Guias Apo Te aconsejo que revises Diseño UI/UX. Tutoriales sobre eso, ahí encontrarás las respuestas a eso. Hay cierto sistemas de medidas que uno se puede guiar. No se puede cubrir todo con un vídeo pero si buscas de forma específica estoy seguro que encontrarás todo eso.
@@programacionparaelmundo gracias!
el carrito no me funciona y copiel mismo codigo que tu :(
Hola que navegador tienes?, eso pasa con navegadores muy antiguos
EXCELENET CONTENIDO SALUDOS DESCDE CALI COLOMBIA , QUISERA SABER COMO HACER CLICK EN AÑADIR CARRITO Y QUE CARGUE EL CART GRACIAS
Gracias. En otro vídeo de mi canal explico cómo hacer que el carrito de compras funcione con javascript. Te recomiendo verlo. Un saludo
Podrías pasar el link de ese dicho video bro
HOOOOOOLAAAAAAAA
Yo necesito crear una pagina de ventas web es para mi proyecto para programación de software me gustaria saber si me colaborarias :'D
como le sacas la imagen su svg
Disculpa, no entiendo la pregunta
Se le pueden agregar más de 5 productos?
Por supuesto, la estructura css ya está. Por lo cual solo habría que añadir otro bloque HTML con las clases respectivas. Saludos
hola amigo bunas tardes como estas ? puedo colocarme en contacto contigo ?
Saludos, Puedes escribirme al telegram t.me/roberto_anq
Perro varias cosas no me dieron y ponía igual que vos. Que pedo ahi?
hola bro
Bro ayuda en el minuto 12:51 al colocar todo identico a ti no se me guardan las imágenes de 3 en 3, bro si puedes respondeme los antes posible 😭😭😭
Te recomiendo que revises el código y compares. Normalmente eso son problemas de escritura en el CSS. Saludos
Hola hola holaaaaaaaa
esta bien perotiene que ser muchisiiimo mas didactico hay cosas que la gente no entiende y tu lasdas por echo y la gente no sabe porque esta bien pero debes de meter el porque haces eso en algunos casos
hola hola hola
podrias subir tu codigo bro xfa
Saludos! En la descripción he añadido el enlace a GitHub
@@programacionparaelmundo ah ok, gracias bro.
me puedes pasar el código?
gracias bro. te voy a ser sincero y es que te robe el codigo XD
soy gay
Disculpa y si quiero añadir mas productos como le hago
Gracias!!