Build a Carousel from Scratch in Angular

Рет қаралды 31,681

Күн бұрын

In this video we'll create an image slider/carousel from scratch using angular.
_________________________________________________
Project helper:
github.com/Ang...
_________________________________________________
Used Images:
github.com/Ang...
_________________________________________________
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.

Пікірлер: 24

@beButters Жыл бұрын

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

@marius87chao 9 ай бұрын

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

@mahdiandalib186 Жыл бұрын

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

@Zewalk 2 ай бұрын

Amazing Tutorial! Thanks!😃

@monsieurrodriguez9687 6 ай бұрын

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

@staycalm4957 Жыл бұрын

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

@nadakitsch 8 ай бұрын

Very useful! Thank you!

@user-rl4dt4lv5l Жыл бұрын

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

@igor.2796 Жыл бұрын

Very interesting work! Ty mate!)

@pedrollerenas2352 5 ай бұрын

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.

@eloi9467 11 ай бұрын

Thanks! amazing video 💢

@ronmoki1 7 ай бұрын

AMAZING

@kobealbanese4319 9 ай бұрын

you're the goat!!!

@gabrielsosa163 4 ай бұрын

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

@csengerilevente9564 Жыл бұрын

Thanks!

@mipslp6028 5 ай бұрын

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

@mipslp6028 5 ай бұрын

I fixed it by re-programming the image carousel from scratch following your design choices in react