How to code a carousel with HTML, CSS and JavaScript - from scratch (part 1)

In this video I take a look at setting up a carousel, sometimes called a slider, for a website. In this one, I'm writing the HTML and CSS, which sets the stage for the JavaScript, which I look at in the next video.

Zell's course changed how I approach JS and made me much more comfortable with it, and with it only open for a limited time I was glad to put this out to give you an idea of just a small fraction of the content you can learn from his course. I know it's expensive, and it's not for everyone, but it's really high quality and contains a TON of content.

4:32 - Starting the HTML
11:45 - Starting the CSS

---



---



---


I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

[jideanicelestine]

What an excellent teacher. This is the best css tutor I have ever seen

[potatolord]

I thought I was alright with css until I saw you.
Youve inspired me to get better

[bongajewelmsimang]

so this was one of the longer slide videos but absolutely worth the whole video, learnt so much about other features as well. Its crazy how much you keep learning the more you watch. ready for the second video mad keen and excited. Really worth the 22 minutes for anybody considering this video.

[suvodipmondal]

I love the way you describe everything from scratch level

[davidfranklin]

Fantastic videos - thank you. Didn't realise just how powerful JS is. Classes, Next/Previous siblings and Loops - superb explanations!

[littlegrandbazar]

This was a really great insight into web development, kevin you absolutely know what you're doing and know exactly how to explain it. Great Teacher !

[bowbowbow]

this whole time i thought I had to type div.carousel to get it to populate. thanks for making things even easier for me.

[DaMu]

Really good video so far, HTML and CSS has a lot of useful content still relevant 4 years later.

[alexgochenour]

Content starts at 04:41. Nice video, thank you.

[alial-sanabani]

very very verrrry nice that you are giving us javascript videos

[diegoivangonzalezgonzalez]

it would be extremely helpful if you gave the link to the images you used for the buttons and so because finding the right size and image is difficult

[simplymusical]

Love how you teach us! Please don't pay attention to the haters saying things about Zell's course. Keep doing what you are doing man! You've helped us out so much on so many levels! Thank you for this awesome tutorial!

[doubtdoubter]

Great video! normally, when following tutorials, i always get stuck somewhere.. but here i could follow it 100%!

[itgiants]

First time I knew about object-fit: cover it's really amazing feature

[Cyber]

Oh wow! I subscribed already, I learned so much in this video. I know it was a JS video but I was more surprised with the CSS xD

[gonzaotc]

Thanks you Kevin, as always. One of the best free resource for front devs :)

[rtnulb]

Kevin, you have given me pause to consider Zell's course. I have subscribed to his website and I get his articles. I will take your suggestion on board and I'll take a good look at them to see if I like his teaching. I'll check out his Git lessons again. I like your 5 minute lessons, keep them coming please.

[tolumideshopein]

So simple and familiar...I just kept screaming wow 😊...thank you Kevin

[dtdionne]

As silly as this might sound a hint to getting those control images would have been greatly appreciated. Just the png’s or jpg’s or svg’s or whatever images. But thank you for the video and good work.

[chlouis-girardot]

Thanks a lot! Happy new year, take care!