Original subtitles

And hello, welcome back in the last lecture, we have handled our number in other pages in this lecture

will take a look at the navigation from page to page.

So let's start.

Let's see another Asian currently been able to click here on air, but I'm going to about page for sure.

But you can see this a reload of the browser.

It's happening, but a break of a second to log in and can see the exchange audio text is changing.

Basically, we are reloading the page every time we are going from that another link when we are clicking

on another link.

And actually, that's a good behavior.

That's the default behavior of a element.

So let's see our code in another world view, and you will see that they are handling our navigation

through a element.

And that's OK.

We can handle it like this.

But in the case of of your chase applications or in react applications or in angler applications, you

have a dedicated their outer elements.

Or I should say about the components that will handle this without reloading the browser, because after

all, everything will be alright.

And here is a JavaScript, and we can remove that page only by changing the JavaScript.

OK, we don't need to reload entire page.

Just a JavaScript has to reload it.

So what it'll do?

The change is very simple.

You just need to change that element to the rowdier link element.

And also, this is available to you.

This component is available to you, thanks to that out there.

What we are registering in your main menu is here.

So in our enough bar, let's access the element and let's change it for a there darling.

And that's it.

And here out there, there's a link, as well as an ending tag, rather in rather a link.

You're not working with the H.

A4, but you have to go.

So be bound to get this directive here.

And that's that there are fine guys that will go back alary first year I will go to about.

I'm about to affect you.

I can see that they're loading.

OK, this this background color is a nice.

I will fix it, but you can see the are going from page to page without there.

Loading the page register log in.

It's much fluid, it's faster.

And that's how you should handle navigation in your jazz.

What about this white color?

This because the focusing of item, I can reproduce them and I will go here.

By the way, this is enough, Baron, this part of your handle also in the next lecture actually will

handle it much later.

It's not totally I, not much.

It can also plaisir and it's been done here, but it looks like on these three dots here, you can place

it down here.

Maybe it's better can inspect here, for example, home, you can see in the background.

These elements are created as a elements.

That's that's the thing that's happening with your jazz, but you have additional functionality.

OK, so what I want to show you actually is here on the right, the styles here as you have a half,

I have a class here.

Actually, we see there is very heavy to have an eye here.

You need to click on the hammer and here it says, here are selectors and this happening because of

focus, you can see when you are focusing alignment, you are providing this white background or it's

the transparent background, actually.

OK, so ready to handle these, let's go back to court and let's see your handle, the ACA says any

evil scroll, it'll be tied down.

There should be here, a line 84.

You can see here on the half hour, they are providing the background color transparent and we should

do the same also in focus.

So let's get here and and focus and the same thing here or a little bit transparent like this.

Now, let's say it, guys, let's go back here and now we should have or it could be without any problems.

OK, so that's going to be the guys from this lecture we have handle to navigation, remember their

link daily to the elements and in the next I shall continue with Maurice now that helps us feel that

our cheers.