️ CREA un SLIDER con HTML CSS y JAVASCRIPT [TUTORIAL]

Bro, te amo demasiado <3

Ok un par de cosas. Estoy viendo este vídeo con un amigo que esta aprendiendo y hay un par de cosas que se pueden mejorar.

1) No necesitas crear una copia de la lista de nodos para agregar o quitar una clase, simplemente podías utilizar el resultado de querySelectorAll

2) No se necesita un data set para saber la posición actual del elemento, podrías simplemente inicias en el numero que quieras en el código, de todas formas el dataset no determina cual es el primer slide, lo determina el que tenga la clase show al inicio.

3) No necesitas una sentencia condicional para obtener el siguiente elemento, puedes hacerlo con el operador de modulo (%). Si haces ```(current+1) % arr.length``` te va a dar 0 cuando estes en el ultimo elemento (ej: 9 % 9 = 0) y ```(current - 1 % arr.length)``` te va a dar length - 1 cuando estés en el primer elemento (ej: -1 % 9 = 8).

donde está el codigo fuente?

excelente tutorial

eres la mejor

Siempre son muy buenos tus tutoriales gracias por la información

Fue una clase brutal, me encantó

Excelente. Fácil de comprender. Entendible.

Necesito el codigo fuente comenten

Todo iba bien, hasta que puse esta linea: const currentElement = Number(document.querySelector('.slider_body--show').dataset-id);

y me genera error.. alguno que le sucedio y lo resolvio??

se puede hacer que vaya de izquierda a derecha en vez de con opacity?

Tienes el acceso al código?

Gracias

Esta

Donde

Esperando los archivos.

Maestro y como haria para que la transicion no sea con apacity si no que se desplaze de derecha izquierda y de izquerda a derecha ?

tiene autoplay ?

Me encantan tus videos continua así

el código :(

Quiero el codigo fuente

Hey ALEX! me gusto mucho el video, me podrias pasar el codigo?

Exelente video, como siempre catedra de contenido chaval...

F porque no puso el código :(

Durante 2 semanas estuve buscando como hacer un slider de tarjetas y este fue el unico que me sirvio y pude entender todo
Muchisimas gracias por la explicacion!!!!

Excelente video... Muchísimas gracias !!! ✨✨

Genial!

genio

Hola, ya he hecho el curso de Udemy y visto varios videos de este tipo pero justo este que me gusta no veo la carpeta con los archivos 😀

en donde puedo encontrar el link de descarga del contenido, algo de js me sale mal, gracias

buen video, felicitarlo y las transiciones son muy interesantes.

gracias

Listo, ya le di like, donde está el enlace del codigo fuente

Muchas gracias por tus videos

muy bueno amigo

Alex, ya hace meses he conocido tu canal, y te aseguro, que eres el mejor maestro que he tenido en desarrollo y diseño web, gracias a ti se me han abierto puertas, muchísimas gracias.

Muy Bueno

Ey bro excelente el video, Me podrías como haría para poder que se pasen solas las imag?

Espero tengas un bonito js....ke entienda...gracias

bro me gracias me sirvio, pero tambien seria exelente un video de como hacer para que se ahaga automaticamene de esa misma forma

Adoro tus videos

Donde esta el codigo fuente ?

alguien me ayuda con que codigo debo poner para que se pase automatico tambien

como podriamos hacre que tengan un timing, o sea que se mueva de forma automática
?

Amigo el pollo estaba vivo o estaba muerto?

buen vidio bro

Muchas gracias por compartir tu conocimiento campeon ! : P

Buenisimo