Welcome in this course, now we are going to learn how to make some animation in our Web application.
The first thing we're going to do is to use the results reveal in this herd where we have a list of
cars.
So it is very simple.
And I need us to come here in heading Lotus.
I'm going to add information.
I'm going to say in part, I'm going to call this zone like I'm going to zoom this rating from reacts
reveal like this and I'm going to put slush and I'm going to choose the animation.
OK, I have different JavaScript style and I'm going to choose the zoom.
We can I want to choose Zoom and I'm going you can see it is a component which is created.
And I'm going to say zoom like these.
And here I'm going to say again, the zone like.
The is modifieds, yes.
So the first letter in uppercase like this, and if I try to make sure very good, you should see if
you reload your page, see, you have some effect.
OK, it is very good.
You can play with these.
Make your aunt choose your own same name.
It is very simple anes I can make or so for the teacher that I have here instead of Aughrim.
Projects that are or to that is.
Hmm, OK, I'm going to make, first of all, pretty stable calls and plural and what I'm going to do,
I'm going to come here in this car components, car chase, just click here.
I'm going to touch these parts after his fall, I'm going to come in cars.
Come here, where is our table?
Our table is here.
And I can make this tape, or at least so what I'm going to do, I'm going to create another zone here.
You can create the you can choose.
You can choose floods like you wants.
And in my case here, I'm going through.
Here, for example, for this table, I'm going to use Fuds like fades, I want to say fades from.
Riots revealed and say things like, and I'm going to take this fades.
It just pour it here like it is a paradise area means you can use it.
It seems like it is a component.
And here I'm going to say that that is very good and what I tried to make here, but it is reloads page.
Way we had received a single report that children states receive this thing, uh.
So I think that we have some problem with.
This.
OK, so we are going to remove this because we have also it from here.
So let as we move from Fed here, OK, we are going to put it just.
And.
He the table, we like this, we got grape.
We got pulled.
It's just such like this.
Yes, like this little stretch back here set this reloads, OK?
You will see that the Fed rate very good Fed.
Yes, let us through this.
Come here if I say lift.
Cost cuts.
Very good, OK, you're seeing here this animation is very good.
And if I say, for example, top cost cuts.
Very good.
OK, so in my case, I'm going to remove this, I'm going to leave only if it's OK.
Yeah, like this.
Very good.
And I'm going to do the same thing also for the son for it, but I'm going to make an admission and
then I can stop by here.
I think that you have already understands.
OK, I'm going to say, for example, in my batons, your baton, where we've
moved here from eight.
Just come here, I think that it is up to chase or up to chase, I have bats on here.
If I want to eat something, I'm going to eat also a I think about AIDS.
Uh.
Is manumission OK?
Yes, I'm going to.
It also is Animation's for this baton, I'm going to say imports like Zom.
From reports reveal.
Is like this.
And I'm going to take all my time, I'm going to put it inside of this, OK, and also try to make very
good ends, you can't it's the animation that you want.
It was we click here.
It is easy to get also the animation.
OK, we have this, OK.
If fed from left to right, fully formed and ready to deform, we are going to come here away from elements
from a deep eight like.
You're going to see.
You can the imports we can feed like this.
From reports reveal faits, OK, and once I tried to calm down here, I hear from.
Yes.
And I'm gonna take over this phone and I'm going to put it inside of Fred's.
Excuse me, please.
Yes, and let us read through, see?
OK, very good.
Let's say it, Lord's very good.
Very good.
Yes.
Mike, so what I'm going to say here, I can see top class Cuds.
Very good.
Uh.
Make sure they're in good hands, we can make or admission about the ID cards here, we cannot put Zom
carefully from title and I'm going to come here in from Tarlow.
So it all does come here.
I'm going to say import zoom form here to reveal some is and.
I'm going to call my zone like this.
Take all these cards great.
And put it here.
Very good, if it's right to say yes.
OK, very good.
And you can try to make your own animations so that D.A. is also to put the animation in RTR, for example,
if I ate something constitutes a car, I can put at click on it.
So the design is also 3F animation, OK, when something is at our table.
So let us make here.
I'm going to come in already and I'm going to come in our
cars.
Yes, I have cars.
You're not able to come in car.
OK, car singular because when you come in cars chase.
OK, where he is we call the.
Tibor, yes, you have the car components, the kit, and we are going to come in Kabul Chase and we
are going to aid this is some effect zone from where you were there.
That zone look like this.
And we are going to put some here.
Like, this is going to put us on a very good luck and I can't let it fall into its own thing, let
us see what will happen.
OK.
We can't validate.
Very good.
OK, very already put.
Very cold, hmm.
For example, I click on edit, click on update, looking very good.
You can see updates and let us click on edit.
So we must also make the animation about this.
OK, yes.
Let us back here.
We have formed to edit where it is from two aides and from two editors here come up here and they just
click on.
So go read it and scroll down from two editors here and three are going to call this effect imports
zone.
From reports reveal intriguing to like this.
And here we're going to stay zoom.
That is in let big pretty good.
I can click, update, click on it, it I can't they can't click on it, OK, and you can Ade's the
can you animation here.
Click on delete.
OK, it's something thing.
You can validate a very good.