CREA un SLIDER RESPONSIVE con HTML CSS y JS desde cero

Crea un Carrusel de Imágenes automático Responsive con HTML CSS JAVASCRIPT

En este tutorial te muestro a como puedes realizar un carrusel de imágenes MANUAL Y AUTOMATICO , además totalmente responsive utilizando solo HTML CSS y JAVASCRIPT, empezaremos con la parte teórica para pasar a la parte practica y lograr entender como funciona un SLIDER.

-------------------------------------------------------------------------------------------------
INDICE:
00:00 --- INICIO
01:24 --- ¿COMO FUNCIONA EL CARRUSEL DE IMAGENES?
05:00 --- HTML
08:48 --- CSS
25:15 --- JS (SLIDER MANUAL)
50:37 --- JS (SLIDER AUTOMATICO)
52:40 --- SLIDER CON X IMAGENES
55:01 --- FINAL
-------------------------------------------------------------------------------------------------
Descarga el código:
-------------------------------------------------------------------------------------------------

Redes Sociales:

#danicodex #slidercard #javascript

[danielspark]

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

[Ivan-hxke]

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!

[michelhernandez-su]

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í.

[maryporex]

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.

[gissa]

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.

[RamonFranciscoJavierRios]

Excelente tutorial, tan claro y detallado que solo merece FELICITACIONES

[marcoschiuchiarelli]

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. 💪🏻🔥🔥🔥

[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!

[angelbasto]

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

[santiagogarcia]

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 <section> Como contenedor padre, seguido de el <article> como contenedor hijo y posterior se usaria <div> para las imagenes. Muy buen contenido! Gracias por el video.

[adam-vyqj]

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

[maricelajanethlunadeorta]

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

[luisyela]

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

[SomaStroke]

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

[joseduartemarchesano]

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

[rafaelmaissel]

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

[David-ttjk]

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

[josemiguelmurilloromero]

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

[benjaminsotosgonzalez]

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

[tomasponce]

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