Automatic endless Carousel with JS

This tutorial will guide you through building an impressive automatic endless carousel using JavaScript. 🚀

Codepen 💻: https://codepen.io/Oskar_Olortegui/pen/zYzZOVo
Watch the most recent videos
https://www.youtube.com/@AlephNeoDev/videos 👀

Welcome back 😀
Discover how to harness the power of JavaScript to create a dynamic and engaging carousel that seamlessly loops through your content. From implementing automatic behaviour to handling user interaction, this tutorial has got you covered. 🌐
Today we're going to create a automatic endless carousel with Javascript
Follow along and grow your code skills or practice a little bit with me.

Tools 🏷️
Icons: https://boxicons.com/
Images: https://www.freepik.es/
Vector SVG: https://worldvectorlogo.com/

🕛🕛 Timestamps 🕛🕛
0:51 Creating our HTML content
3:37 CSS
6:36 CSS Grid -- using Grid Areas
11:17 mediaQueries
12:53 JavaScript
14:10 Next function
19:46 Prev function
20:58 HandleChanges function
21:38 First Bug
21:58 Solution of the first bug
23:01 How to get the initial image?
24:04 How to make our carousel automatic
26:15 Play and Pause actions
29:15 AutoPlay function

Please share the video and the other videos too to grow the comunity
Subscribe to the channel for more!

Who am I? 🔍
I am just a new developer trying to learn and grow and I would like you to join me in this journey
GitHub 😸 https://github.com/AlephOlortegui?tab=repositories
Codepen 💻 https://codepen.io/Oskar_Olortegui

#endlessJSCarousel #JSCarousel #AutoplayCarousel