Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,300 --> 00:00:06,900
And hello, welcome back in the last lecture, we have handled our number in other pages in this lecture
2
00:00:06,900 --> 00:00:09,780
will take a look at the navigation from page to page.
3
00:00:10,200 --> 00:00:11,070
So let's start.
4
00:00:11,580 --> 00:00:16,410
Let's see another Asian currently been able to click here on air, but I'm going to about page for sure.
5
00:00:16,620 --> 00:00:19,410
But you can see this a reload of the browser.
6
00:00:19,620 --> 00:00:25,020
It's happening, but a break of a second to log in and can see the exchange audio text is changing.
7
00:00:25,200 --> 00:00:31,050
Basically, we are reloading the page every time we are going from that another link when we are clicking
8
00:00:31,050 --> 00:00:32,190
on another link.
9
00:00:33,090 --> 00:00:35,090
And actually, that's a good behavior.
10
00:00:35,100 --> 00:00:37,170
That's the default behavior of a element.
11
00:00:38,010 --> 00:00:44,580
So let's see our code in another world view, and you will see that they are handling our navigation
12
00:00:44,580 --> 00:00:46,080
through a element.
13
00:00:47,040 --> 00:00:47,820
And that's OK.
14
00:00:48,030 --> 00:00:49,050
We can handle it like this.
15
00:00:49,050 --> 00:00:55,170
But in the case of of your chase applications or in react applications or in angler applications, you
16
00:00:55,170 --> 00:00:56,850
have a dedicated their outer elements.
17
00:00:56,850 --> 00:01:03,330
Or I should say about the components that will handle this without reloading the browser, because after
18
00:01:03,330 --> 00:01:04,640
all, everything will be alright.
19
00:01:04,650 --> 00:01:09,630
And here is a JavaScript, and we can remove that page only by changing the JavaScript.
20
00:01:10,380 --> 00:01:12,000
OK, we don't need to reload entire page.
21
00:01:12,210 --> 00:01:14,220
Just a JavaScript has to reload it.
22
00:01:15,420 --> 00:01:16,740
So what it'll do?
23
00:01:16,860 --> 00:01:18,120
The change is very simple.
24
00:01:18,150 --> 00:01:21,000
You just need to change that element to the rowdier link element.
25
00:01:21,000 --> 00:01:23,250
And also, this is available to you.
26
00:01:23,470 --> 00:01:26,460
This component is available to you, thanks to that out there.
27
00:01:26,580 --> 00:01:29,760
What we are registering in your main menu is here.
28
00:01:31,110 --> 00:01:38,870
So in our enough bar, let's access the element and let's change it for a there darling.
29
00:01:38,910 --> 00:01:39,630
And that's it.
30
00:01:40,080 --> 00:01:45,830
And here out there, there's a link, as well as an ending tag, rather in rather a link.
31
00:01:45,840 --> 00:01:47,320
You're not working with the H.
32
00:01:47,490 --> 00:01:49,920
A4, but you have to go.
33
00:01:49,920 --> 00:01:52,710
So be bound to get this directive here.
34
00:01:53,670 --> 00:01:59,460
And that's that there are fine guys that will go back alary first year I will go to about.
35
00:01:59,460 --> 00:02:01,320
I'm about to affect you.
36
00:02:01,320 --> 00:02:02,280
I can see that they're loading.
37
00:02:02,290 --> 00:02:05,070
OK, this this background color is a nice.
38
00:02:05,070 --> 00:02:08,610
I will fix it, but you can see the are going from page to page without there.
39
00:02:08,610 --> 00:02:10,380
Loading the page register log in.
40
00:02:10,380 --> 00:02:14,070
It's much fluid, it's faster.
41
00:02:14,250 --> 00:02:18,030
And that's how you should handle navigation in your jazz.
42
00:02:19,350 --> 00:02:20,700
What about this white color?
43
00:02:21,030 --> 00:02:25,800
This because the focusing of item, I can reproduce them and I will go here.
44
00:02:27,090 --> 00:02:31,890
By the way, this is enough, Baron, this part of your handle also in the next lecture actually will
45
00:02:31,890 --> 00:02:32,970
handle it much later.
46
00:02:33,290 --> 00:02:34,830
It's not totally I, not much.
47
00:02:35,460 --> 00:02:41,340
It can also plaisir and it's been done here, but it looks like on these three dots here, you can place
48
00:02:41,340 --> 00:02:42,120
it down here.
49
00:02:42,690 --> 00:02:48,700
Maybe it's better can inspect here, for example, home, you can see in the background.
50
00:02:48,900 --> 00:02:50,910
These elements are created as a elements.
51
00:02:51,300 --> 00:02:55,500
That's that's the thing that's happening with your jazz, but you have additional functionality.
52
00:02:57,650 --> 00:03:02,030
OK, so what I want to show you actually is here on the right, the styles here as you have a half,
53
00:03:02,120 --> 00:03:03,370
I have a class here.
54
00:03:03,880 --> 00:03:07,340
Actually, we see there is very heavy to have an eye here.
55
00:03:07,340 --> 00:03:11,780
You need to click on the hammer and here it says, here are selectors and this happening because of
56
00:03:11,780 --> 00:03:16,250
focus, you can see when you are focusing alignment, you are providing this white background or it's
57
00:03:16,250 --> 00:03:17,720
the transparent background, actually.
58
00:03:19,680 --> 00:03:26,120
OK, so ready to handle these, let's go back to court and let's see your handle, the ACA says any
59
00:03:26,120 --> 00:03:27,660
evil scroll, it'll be tied down.
60
00:03:28,980 --> 00:03:31,500
There should be here, a line 84.
61
00:03:31,860 --> 00:03:36,780
You can see here on the half hour, they are providing the background color transparent and we should
62
00:03:36,780 --> 00:03:38,160
do the same also in focus.
63
00:03:38,430 --> 00:03:46,230
So let's get here and and focus and the same thing here or a little bit transparent like this.
64
00:03:47,730 --> 00:03:52,380
Now, let's say it, guys, let's go back here and now we should have or it could be without any problems.
65
00:03:54,490 --> 00:04:00,100
OK, so that's going to be the guys from this lecture we have handle to navigation, remember their
66
00:04:00,130 --> 00:04:06,700
link daily to the elements and in the next I shall continue with Maurice now that helps us feel that
67
00:04:06,710 --> 00:04:07,450
our cheers.
6410
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.