Cómo hacer una tienda online con HTML y CSS desde cero | Práctica para principiantes 

Muchas gracias hermano, esta sera mi base de un proyecto que tengo 🙏🏻

Muchísimas gracias bro, me sirvió mucho para un proyecto que estoy desarrollando, 10/10 !

muy util, para el que quiere afianzar conocimiento. Buena elección de contenido!

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 RU-vid, 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 RU-vidrs tienen la misma calidad, muchas gracias y seguiré aprendiendo de tu contenido, saludos desde México

Gracias amigo, esta sera la base de un proyecto que hare, muchas gracias

Increible tutorial, NUEVO SUB🥳🥳

Muy bueno el tutorial, nuevo suscriptor

que canal mas icreible gracias bro, nuevo sub

Muy buen tutorial 👍😃

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

muy buen video, me ayudo mucho :)

Muchas gracias por el aporte

gracias, lo hice todo paso a paso y salió perfecto

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:)

groso loco aprendi un monton muchas gracias

excelente tutorial pero al momento de poner el carrito no me sale, por que ?

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

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)

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

gracias salvaste mi tp, devoraste :*

buen tutorial

Hola, me queda una imagen debajo de la otra. necesitaria ayuda con el codigo!

Gracias!!

Gracias!

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?

hola, quisiera saber como le saco el codigo a la imagen para copiarlo y pegarlo

Que bueno.

Puedo hacerlo en el celular?tengonla app acode... Eso funciona?o que me recomendaria para un celular android?

Disculpa y si quiero añadir mas productos como le hago

y como se llama la herramienta para poner los codigos?

Hola amigo una consulta, y si quiero agregarle un link de descarga en añadir al carrito como haría ?

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

para responsive no me toma la indicacion ayuda por favor!!!!!!!!!!!!!!!!!!!!!!!

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

Jenial

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

estimado buenos dias .cual es la extencion de visual code para colocar los comando de forma automatica?

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 tengo un problema en la parte del carrito de compra, no me permite sumar el valor que le doy a los objetos

el carrito no me funciona y copiel mismo codigo que tu :(

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, pude realizar la mayoría. pero lo que no puedo es porner 3 productos en un solo renglón, me aparece como lista. Me podrias ayudar.

Hola, tengo un problema, no se hace pequeño mi icon cart

Habrá alguna manera que se conecte a una base de datos de mysql workbench?

Hola bro qué programa usaste para hacer la tienda net beans?

como hago eso en un bloc de notas 🥺🥺?

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?

34:45

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 amigo,segui el tutorial pero la pagina se queda al lado izquierdo,como puedo hacer que la pagina se centre?

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)

Hola.. Una pregunta segi todos los pasos pero mis productos no se ponen en fila siguen todos para abajo. Porque será ?

HOOOOOOLAAAAAAAA

me podrias decir los plugins que tienes? porfa

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

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

Hola no me toma en cuenta el archivo css por lo que no hace los cambios en la página

Se le pueden agregar más de 5 productos?

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.

si quisiera poner la pagina a funcionar, necesitaria un hosting, no?

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.

me puedes pasar el código?

bro como hago para poner todo eso en una imagen de un celular?

EXCELENET CONTENIDO SALUDOS DESCDE CALI COLOMBIA , QUISERA SABER COMO HACER CLICK EN AÑADIR CARRITO Y QUE CARGUE EL CART GRACIAS

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?

como le sacas la imagen su svg

amigo, el javascript no me sirvió😞

Hola hola holaaaaaaaa

Yo necesito crear una pagina de ventas web es para mi proyecto para programación de software me gustaria saber si me colaborarias :'D

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

podrias subir tu codigo bro xfa

hola bro

hola hola hola

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 😭😭😭

Perro varias cosas no me dieron y ponía igual que vos. Que pedo ahi?

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