Angular 6 Animations From Scratch

In this tutorial you'll learn how to make use of the Angular Animations Module in your Angular 6 application. Angular offers the ability to create compelling animations and activate them based on a variety of factors. You can place animations on any HTML element and make them occur based on defined events.

Including engaging graphical transitions in the user interface of your application is enhancing the user experience and at the same time it is making sure that the application is easier to use. E.g. a certain animation can help to draw the user's attention to a special UI elements.

In this tutorial you'll learn how to implement animations by following a practical sample application. Let's take a quick look at what we will be building.
---------------------

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[DeianGiNet]

great video ... however if you shorten it to 2 minutes will be awesome

[niteshbhargav]

Tell me again, why can't i just use css animation and add class with onclick in anular 6

[rogeroliveira]

The most part of this is the responsibility of CSS. You can do it by using only simple CSS snippets.

[blokche_dev]

Thanks for sharing this! The Animation API provided by Angular is a bit obsure at some points.
Do you plan to go deeper with it? Staggering elements? Keyframes? AnimationBuilder?

[kevinrotmg]

Hey man, great video! Can you do more JavaScript web application tutorials?

[sunclaude]

Angular is way not for landing pages. Jquery animations are ways simplier to implement

[asarutheen]

sir your course is very helpful for us pls upload a login registration in mean stack angular 6 material and also add the form validation using angular 6 material

[umutcelenli]

had to skip the video because of the sound quality. horrible bass.