Build a Carousel from Scratch in Angular

In this video we'll create an image slider/carousel from scratch using angular.
_________________________________________________

Project helper:
_________________________________________________

Used Images:
_________________________________________________

Commands used
To generate module : ng g m carousel

To generate components : ng g c carousel --module carousel --skip-tests true --export true --flat true true
_________________________________________________

Hope you like this video.
If you think there's a better way to improve this code, please let us know in the comments.

If you like this video please subscribe to Angularistic, like and share this video.

[beButters]

You deserve more likes and views! Basically no JS with no calculations or anything! Perfect solution!

[pedrollerenas]

Another way of implementing the slider:
public slide(sign: number): void {
this.selectedIndex = (this.images.length + this.selectedIndex + sign) % this.images.length;
}
and calling slide(-1) or slide(1) accordingly.

[monsieurrodriguez]

you got in spanish a guy that simply copy and paste his code without any explanation and you without a single word but a step-by-step video set the thing much more clear

[mahdiandalib]

very very nice tutorial, i hope u continue teaching angular and making short and useful videos like this

[mariuschao]

How can it be that this video has so few likes? Very good video. I would love more :)

[gabrielsosa]

Excelente video muy bien echo, pero como cambio las imagenes a las que yo necesito realmente

[staycalm]

Thank you very much for that tutorial. I learnt a lot from it! It is a hidden gem! Keep up the good work :)

[pavanKumarR-rn]

Thank you very much for that tutorial. I learnt a lot from it! ❤

[joeng]

Video would have been superb with audio

[farhaanidrees]

Can i do all that in Visual Studio and not Visual Studio Code

[mipslp]

Which angular version are you using? I encountered problems with angular version 17.2.2. The (click) property doesn't work. It doesn't throw errors, the clicks just won't register. (mousedown) and (mouseup) don't work either. Additionally as soon as setInterval or setTimeout is used in a recursive loop or any loop at all, the website won't load, as if it was an while(true) loop...

[aayushithakkar]

Hi, I tried this same, but autoslide is not working for me !