CREA un SLIDER RESPONSIVE con HTML CSS y JS desde cero

[@danielspark128]

La explicación teorica que nadie explica hermano mas claro que el agua imposible rey, nuevo sub gracias por existir bro

[@maryporex5916]

Realmente fantástica la explicación y el porqué de todo el proceso. El javascript me ha quedado clarísimo y al igual que el comentario anterior, me has aclarado muchas dudas. Por favor, sigue haciendo tutoriales tan profesionales y serios. Por supuesto, suscrita y Like. Todo mi agradecimiento.

[@Ivan-hx4ke]

No suelo comentar en videos, pero realmente quiero agradecerte. Este video es excelente, sin saber absolutamente nada de JavaScript pude entender cada paso y su logica para despues aplicarlo en otros proyectos. De la misma forma que reforce conceptos de CSS que hacia de forma automática sin entender el "para que". Simplemente, muchas gracias!

[@danicodex]

Gracias por tu hermoso comentario amigo 🙂

[@michelhernandez-s5u]

Muchas gracias, justo estoy tratando de hacer esto para una clase pero en el aula no nos explican prácticamente nada teórico, pero tu explicación fue muy buena y ya puedo enviar mi tarea, otra vez, gracias. Ya me suscribí.

[@gissa9727]

Vídeo 10/10 Teoría 10/10 Excelente explicación a detalle, muchos solo esperan Ctrl + C y Ctrl + V para poner en sus códigos, pero me alegra que explicará tan bien la teoría.

[@marcoschiuchiarelli25]

excelente explicacion continua realizando asi los videos , explicandolo todo desde el principio. Creo que es el unico canal de youtube donde vale la pena estar, por que realmente te enseña desde cero. Encantado con la explicacion de como funciona el carrusel de imagenes. 💪🏻🔥🔥🔥

[@angelbasto4535]

Hermano. muchas gracias. aprendí mucho. te ganaste mi suscripción y tu like.

[@LeonardoFigola]

Excelente explicación!!! Por fin alguién que muestra no solo el código escrito, sino también la lógica utilizada. Felicitaciones! Nuevo suscripto y Me gusta!

[@adam-vy1qj]

muchas gracias, gracias por transmitir de forma clara tus conocimiento, hermoso trabajo.

[@maricelajanethlunadeorta4471]

Buena forma de explicación, la verdad te la rifaste mucho, te entendi mejora ti, que mi profe de diseño web . Gracias :3

[@joseduartemarchesano]

Eres excelente explicando. Mis felicitaciones, muy claros los conceptos (Subscriptor ++)

[@luisyela495]

Saludos desde Mexico!!! Excelente explicacion!! solo quedo algo pendiente!! el hacerlo responsive!! bueno no se si decirle asi!! en cel hasta tablet se ve excelente!! pero siento que en lap o de escritorio ya esta muy chico!! De todos modos felicitaciones!! No habia encontrado alguien que explicara tan bien!!

[@santiagogarcia500]

Excelente video! Como recomendación para mejorar la practica. (No digo que este mal, esta bien) pero se puede mejorar usando la maquetación de Como contenedor padre, seguido de el como contenedor hijo y posterior se usaria para las imagenes. Muy buen contenido! Gracias por el video.

[@SomaStroke]

Excelente tutorial, justo necesitaba uno para una cantidad dinamica de imagenes. Muchas gracias.

[@rafaelmaissel5214]

Hola te quedo bien, voy a tratar de crearlo y aplicarlo a mi proyecto muchas gracias x compartir tu conocimiento.

[@josemiguelmurilloromero5310]

Excelente explicación, detallada y mostrando todo desde cero muchas gracias hermano.

[@David-tt5jk]

Excelente, vale la pena cada minuto de este video! Gracias

[@benjaminsotosgonzalez2796]

que buen tutorial loco, muchas gracias, aprendí un kilo y aparte pude ayudar a mi equipo de proyecto :p

[@gonflo4042]

muy bien explicado! gracias tenga su pulgar arriba.

[@CodeMotion4yt]

Muy buen video excelente trabajo 👌

[@tomasponce9409]

Tremenda explicación man! muchas gracias por compartir! Contenido de calidad! Nuevo suscriptor y me voy a ver varios videos! xDD Gracias de nuevo bro

[@urielhoyos1145]

Buen video bro, una consulta. Con un carrusel funciona. Pero al hacerlo con varios, el contador de segundos para pasar a la siguiente imagen, al hacerlo, todos los carruseles se distorsionan. Cuando pasa de una imagen a la siguiente (todos los carruseles a la vez) se entorpece el efecto de transición y muestra mitad de una imagen y mitad de otra. No se si me explico. El problema ocurre cuando hay mas de un carrusel. Cree funciones con otro nombre, pero ocurre igual...

[@fabriziocossiozacarias6653]

Eres definitivamente un crack!!

[@byronstewarthpovedavillami2124]

wow increible como explicas amigo, muy buen video kpo

[@danicodex]

Gracias amigaso , te puedes pasar por mi Instagram para ver tu comentario

[@cristianosvaldovallesviza1599]

¡Muchas gracias por el tuto es EXCELENTE!

[@DarkeyGG]

excelente hermano, aprendi mucho contigo! gracias!

[@cibercafe6294]

Gracias y felicidades, mucho exito

[@nicolasvergarajimenez5791]

Muchas gracias hermano que buen tutorial 💟

[@raaulroodriguez_5956]

Muy buen vídeo, una pregunta como podría hacer para que cada vez que le de a siguiente o anterior imagen el setInterval se reinicie, si le das y justo han pasado 3 segundos pasa 2 imágenes seguidas. Gracias!!!

[@henryparra6297]

¡Hola! Amigo increíble lo que asé 👍👍

[@danicodex]

Gracias! 🙂

[@thedragonblackyt1095]

muy bien explicado todo, muy buen video. Oye tengo una duda hice todos tus pasos pero la imagen no me ocupa todo el espacio del cuadro, como puedo resolver eso?

[@elsabordones]

excelente video, de verdad que la explicacion es muy buena

[@harvihinostrozarojas6969]

buen video hermanito, pero tengo una consulta al pasar el ultimo al primero que no se vea como un corte sino q se vea como las demas imagenes

[@danicodex]

Entonces ya le quites la transición

[@giampiereleonescriba9734]

En el caso sea ocupar el 100% del width, se tiene que realizar un calc de 300% / 3? O sea, me sale, pero no se si sea la forma correcta.

[@raulwegwrt4546]

Exelente, se podrá mover las imágenes o un link con sólo moverlo con la manito del Mouse.

[@hugocangi6214]

gracias saludos muy bueno te agradezco

[@edwinrafaelarjonatun8958]

Like más que merecidos. Muchas gracias por tu valioso contenido 😊;

[@danicodex]

Muchas gracias!! Espero te haya servido 🙂

[@ivethcortez7348]

Hola, muchas gracias por el video! sólo una duda, si sólo quiero que el carrusel sea automático, sin iconos, ¿puedo hacer uso del mismo código?

[@danicodex]

Asi es!! Si no hay iconos no hay interacción, también podrías eliminar el evento click por qué ya no será necesario

[@Mr.evolution-evolucion]

Que tema usas porfa me encanta

[@MidaDevs]

nuevo subscriptor aquí

[@danicodex]

Gracias por pasarte por aquí!! 🔥

[@juliotorres7398]

excelente contenido brother

[@danicodex]

Gracias por pasarte por acá!! 🙂

[@florluero9634]

Excelente!

[@andrestg1]

hola buenas amigo muy buen video, pero tengo una duda y es de como podria yo agregar texto cada imagen de forma individual si me pudieras decir me ayudarias mucho

[@JavierPerez-rh1yv]

gracias por el video me a gustado mucho

[@Izaarro]

hola que tal, muy bueno el video, pero cuando corre el ultimo slide y vuelve al primero, se pierde el efecto, como se puede arreglar?

[@tercermundistalatino1624]

Hola. Sabes cómo hacer para que la imagen no regrese ala primera posición al actualizar la página??? Me explique?????

[@Peter-eq3gh]

LocalStorage, like a este comment para que lo haga

[@joseGomez-ri1tj]

muy buen video , gracias

[@isaaccorona7581]

Me dio error en la linea "btnLeft.addEventListener("click", e => moveToRight())" Help

[@andreshernandez.99]

buenas. tengo un menu responsible con las tres lineas al darle click al menu me queda debajo de este carrusel y no he podido que el carrusel quede debajo del menu responsible ayuda

[@pepito7773]

Genial mi estimado

[@larissaloza5039]

Muchisimas gracias !

[@ClínicadentalToothcare]

revise todo todo y no me corre el carrusel, igual eres excelente amigo

[@gabrielestebanbolanoscorte1168]

Eres el mejor

[@marcoslagna4532]

muy buen videooo graciasss

[@edgartellezdelgado5163]

me funciona el counter en la consola, pero no me cambia las imagenes me podrian ayudar?

[@xivaa3]

Ícono

[@blesseddemon2113]

40LIKES. Rota el code mi king

[@danicodex]

Ya puedes descargar el código

[@yiyi8673]

Todo bien solo no me sirven las flechas ni avanza solooo😞 ayuda

[@isaaccorona7581]

X2

[@13Milkshake]

se me abre la pagina pero no sale nada , no entiendo que hice mal :(

[@axeldanielromero3609]

no me funciona el style.transform

[@benjaminsotosgonzalez2796]

me pasó lo mismo, revisa las comillas, no son las comunes, son unas que se llaman "comillas inversas", te dejare aqui esa linea por si aun te sirve: slider.style.transform = `translate(-${operacion}%)`;