Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,510 --> 00:00:00,950
Hello.
2
00:00:00,990 --> 00:00:05,310
In the last lecture, we have started working on the concept of multiple pages.
3
00:00:05,610 --> 00:00:11,490
We have created Page for home, for about fake you, for a log in and for the register.
4
00:00:11,910 --> 00:00:15,870
What is the current problem is that they can display only one page at a time.
5
00:00:16,860 --> 00:00:21,750
Let's start, and let's enter the internals here about the package that will help us with the routing.
6
00:00:22,140 --> 00:00:27,930
So depending on the current URL they'll be having in the URL bar, they'll display the correct page.
7
00:00:29,340 --> 00:00:33,630
OK for these, open your top anyway to search here for a view that are out there.
8
00:00:34,030 --> 00:00:38,070
It's a view that they're out there about the routing.
9
00:00:38,100 --> 00:00:40,370
You can find everything in there on this website.
10
00:00:40,380 --> 00:00:42,030
Rowdier Dot View Oracle.
11
00:00:43,410 --> 00:00:46,170
OK, let's press enter and let's get started.
12
00:00:47,430 --> 00:00:52,410
So let's get started, and then we have again, two veterans for refugees, two and a four of you,
13
00:00:52,410 --> 00:00:53,080
just three.
14
00:00:53,110 --> 00:00:57,510
Let me see if you have here documentation for a future history here.
15
00:00:57,510 --> 00:01:05,160
I guess you need to go up here and to click here before you OK, and here let's get started.
16
00:01:06,030 --> 00:01:11,040
So first, we need to install a bureau there for so let's go, please come and go to your.
17
00:01:12,230 --> 00:01:18,680
Terminals and coolers, screen and exchange area, all their let's import let's instead of the earlier
18
00:01:18,680 --> 00:01:19,040
form.
19
00:01:20,240 --> 00:01:25,110
And you can see everything exploding here, guys essentials go one by one.
20
00:01:25,130 --> 00:01:26,620
You can see the exact topics here.
21
00:01:26,620 --> 00:01:30,560
There are also details about the view around all of these advanced topics.
22
00:01:31,780 --> 00:01:37,330
I believe building through the documentation of the dreaded Soviet probe, I will provide you a solution.
23
00:01:38,060 --> 00:01:43,810
OK, so I don't need to even have a other open able close it and we will continue in our code now.
24
00:01:44,650 --> 00:01:47,080
Please verify that the view out there has been installed for you, of course.
25
00:01:48,810 --> 00:01:51,930
OK, we'll continue our call to let's close all these files.
26
00:01:53,020 --> 00:01:56,380
They'll go into our SIRC folder and they will create here a new folder.
27
00:01:58,170 --> 00:02:04,140
I will call her out there in the crowd there, I will create a new fellow called Index Dodgers, and
28
00:02:04,140 --> 00:02:06,600
here I will initialize my implementation of the routing.
29
00:02:07,980 --> 00:02:14,690
First, you need to import a couple of packages you need to import, create a web history, create a
30
00:02:14,700 --> 00:02:16,590
VB story, also create.
31
00:02:16,620 --> 00:02:20,820
You have also sorted out some differences between these two histories.
32
00:02:20,820 --> 00:02:22,390
You can also write about.
33
00:02:22,420 --> 00:02:24,780
That's basically how the routing works in the background.
34
00:02:24,990 --> 00:02:28,530
But if you want to have a more classical way of routing, you will go over the web.
35
00:02:28,530 --> 00:02:34,950
History can see create an idea of five history most common history for a single page applications,
36
00:02:35,040 --> 00:02:37,440
and we are going for this way of the routing.
37
00:02:38,790 --> 00:02:40,680
OK, so create Web history.
38
00:02:41,850 --> 00:02:47,160
They're really important function called create, rather create, uh, or older, I don't know why it's
39
00:02:47,160 --> 00:02:51,010
so important for me automatically now, but it should be recreated rather.
40
00:02:52,130 --> 00:02:57,090
Okay, I'll make it full screen for you and then I will create here.
41
00:02:57,930 --> 00:02:58,390
All right.
42
00:02:58,890 --> 00:02:59,490
They're out.
43
00:03:01,020 --> 00:03:01,520
All right.
44
00:03:01,530 --> 00:03:05,580
And it will be array of objects that are each optical specify.
45
00:03:06,300 --> 00:03:06,870
They're out.
46
00:03:07,830 --> 00:03:09,600
So it's possible here out object.
47
00:03:09,600 --> 00:03:11,850
And let's see fire for crowd path.
48
00:03:13,200 --> 00:03:13,710
So that's there.
49
00:03:13,710 --> 00:03:16,350
But I was explaining here that the and there.
50
00:03:17,520 --> 00:03:18,390
ADHD.
51
00:03:19,670 --> 00:03:25,670
Aid will access and the aid and the empty Hesh, which is this is the important part because you can
52
00:03:25,670 --> 00:03:27,650
be sure you are all of your of your page.
53
00:03:27,650 --> 00:03:34,580
So this is the actual part of this site or at the current euro you are and what page you want to display.
54
00:03:34,580 --> 00:03:41,020
So basically, when we have an empty, empty slot, in the end, we want to display home page home,
55
00:03:41,240 --> 00:03:41,540
right?
56
00:03:42,920 --> 00:03:52,190
Then we have a sledge about we want, uh, bout we want to display our about page, about page when
57
00:03:52,190 --> 00:03:54,170
the judges that are, you know, what to do?
58
00:03:54,240 --> 00:03:54,560
Right?
59
00:03:55,460 --> 00:03:56,330
So that's the path.
60
00:03:57,900 --> 00:04:00,420
Will the deciding factor what page you would like to render out?
61
00:04:01,140 --> 00:04:07,650
So in this case, Bob, it's an empty slash and to the name of drought, you can call it whatever you
62
00:04:07,650 --> 00:04:08,610
want the name.
63
00:04:09,240 --> 00:04:11,580
I will spend your life, but I want to create actual navigation.
64
00:04:12,420 --> 00:04:16,290
OK, so home and the components will be rendered out.
65
00:04:16,290 --> 00:04:20,880
So that's a very important part interior component and that will be your home page.
66
00:04:21,780 --> 00:04:28,110
So place import, it wants to go to import the pages and let's get here home.
67
00:04:29,370 --> 00:04:34,960
And actually, we take a look back on it and put it out of this folder two pages folder and to harm
68
00:04:35,170 --> 00:04:36,070
of view, right?
69
00:04:37,080 --> 00:04:42,630
Pages and the homeland of you to specify an extension, by the way, but I don't know why it doesn't
70
00:04:42,810 --> 00:04:51,540
auto import for me, import actually import the home page from slash.
71
00:04:53,090 --> 00:04:53,900
Pages.
72
00:04:56,100 --> 00:04:56,480
All right.
73
00:04:57,060 --> 00:05:00,960
So I really would just like this OK and home page, I'll provide to my component.
74
00:05:03,510 --> 00:05:05,010
OK, it's complaining now you can hear that.
75
00:05:05,160 --> 00:05:09,990
You can see it all of the squiggly lines, the red ones that you are using basically its functions yet.
76
00:05:10,290 --> 00:05:13,350
So we need to use them, OK to use them.
77
00:05:13,390 --> 00:05:16,040
I create here a variable broader.
78
00:05:17,130 --> 00:05:17,620
OK.
79
00:05:17,640 --> 00:05:22,230
And I will use the function to create the rather to create another function.
80
00:05:22,230 --> 00:05:28,110
You need to provide object object, specifying the type of the history of the routing, which is your
81
00:05:28,110 --> 00:05:30,270
created history or result of this function.
82
00:05:30,280 --> 00:05:34,440
So you will specify here history and call here to create.
83
00:05:36,160 --> 00:05:38,880
We'll call this function here could create history.
84
00:05:38,920 --> 00:05:39,490
We'll call it.
85
00:05:40,480 --> 00:05:45,730
And then it will specify here out and is there our soldiers specifying here currently we have only one
86
00:05:45,730 --> 00:05:46,060
on the road.
87
00:05:47,320 --> 00:05:52,300
And then he will export these rowdier also export a diesel folder out there, because this will be important
88
00:05:52,300 --> 00:05:57,430
for our main dodges, the very well defined ecology studies of either plug in here we are basically
89
00:05:57,430 --> 00:05:58,240
creating plugging.
90
00:06:01,110 --> 00:06:05,880
OK, and you don't need to really know right now what exactly this plug in is because there is a code
91
00:06:05,880 --> 00:06:09,330
that integrates with your villagers and it will expose yourself functionality.
92
00:06:09,330 --> 00:06:15,230
In this case, it expose you to one component that they'll be deciding, depending on the part of it,
93
00:06:15,390 --> 00:06:16,730
that you would like to display.
94
00:06:17,870 --> 00:06:26,660
OK, so we can go to main lodges and we can import are rounder, so up here, let's import around there
95
00:06:27,170 --> 00:06:29,750
from dot slash browser.
96
00:06:30,170 --> 00:06:34,010
That's what we are importing and putting it out there from our file here.
97
00:06:34,310 --> 00:06:40,850
These are either here then as we have here, up component will right here, up adult use.
98
00:06:41,450 --> 00:06:46,400
That's how you are just setting the plug in, OK and will register just out of there.
99
00:06:47,700 --> 00:06:48,000
OK.
100
00:06:49,260 --> 00:06:54,450
In this case, what is the difference between a component and plug in components specify only a single
101
00:06:54,450 --> 00:06:56,850
component as the right thing.
102
00:06:56,850 --> 00:07:02,670
Here are custom components, but the plug in provides more broader functionality, also exposing more
103
00:07:02,670 --> 00:07:08,330
functionality we can use in our view JS application I will show you later what we can use in our application
104
00:07:08,340 --> 00:07:09,780
thanks to this Belder plugin.
105
00:07:11,670 --> 00:07:12,780
OK, but we have other ideas.
106
00:07:13,110 --> 00:07:13,410
Abdul.
107
00:07:13,890 --> 00:07:18,510
Rather, we are just getting it, and now we can really use it, we can use the rotary component.
108
00:07:19,770 --> 00:07:22,890
So now go to your index jazz.
109
00:07:24,380 --> 00:07:28,030
We'll register here multiple rallies just to four for a start.
110
00:07:28,400 --> 00:07:39,110
One more I've got your import about page from pages and about network properties, object based here.
111
00:07:39,110 --> 00:07:44,930
I believe that there probably will be about and they will be about and the company won't render out.
112
00:07:44,930 --> 00:07:46,850
These are about about page itself.
113
00:07:48,200 --> 00:07:52,880
OK, with all of this, you can go now to episode view and that's very important part here.
114
00:07:54,110 --> 00:08:00,140
Instead of hard coding here, a home page that you want to display, you want to access here, something
115
00:08:00,140 --> 00:08:02,450
called a broader view.
116
00:08:04,360 --> 00:08:04,660
Thanks.
117
00:08:04,780 --> 00:08:05,840
Thanks for the plug in.
118
00:08:06,910 --> 00:08:09,040
We have registered in our main dodges that are out there.
119
00:08:09,700 --> 00:08:16,390
We have access to that order of your component and our view component is this intelligence part, the
120
00:08:16,390 --> 00:08:20,470
deciding depending on the rout, in your view at all of a debate you want to display.
121
00:08:21,190 --> 00:08:22,300
So if you have here.
122
00:08:23,210 --> 00:08:23,610
Empty.
123
00:08:24,770 --> 00:08:25,940
You are going to home.
124
00:08:27,530 --> 00:08:28,610
If you have here.
125
00:08:30,430 --> 00:08:31,990
If you have here is less about.
126
00:08:33,810 --> 00:08:37,060
You are going to about page and so on.
127
00:08:37,080 --> 00:08:41,490
If you have a hero slash log in, you're going to log in page.
128
00:08:42,240 --> 00:08:42,490
OK?
129
00:08:42,510 --> 00:08:44,280
Of course, depending how many rabbits you have.
130
00:08:44,910 --> 00:08:49,830
Depends how many rabbits you have defined in your traveler file.
131
00:08:52,840 --> 00:08:53,260
OK.
132
00:08:53,620 --> 00:08:58,720
So depending on the rabbit here, you have access that either of you has access to all these components
133
00:08:58,720 --> 00:09:02,050
and depending on their path in your URL, it will render them out.
134
00:09:02,350 --> 00:09:06,610
This is where you are going into your component and you can enable home page from here.
135
00:09:08,720 --> 00:09:14,780
OK, OK, guys, let's save it, let's go back to browser, let's refresh and let's go to empty slides
136
00:09:14,780 --> 00:09:15,020
here.
137
00:09:15,590 --> 00:09:21,050
Eight thousand eighty and you can see you are displaying your home page at a second around here.
138
00:09:22,690 --> 00:09:23,860
Is about sports.
139
00:09:24,010 --> 00:09:32,720
It's about it's about should render out I'm about page now I can register this pages for all of my other
140
00:09:32,720 --> 00:09:34,390
AP for all of my other roles.
141
00:09:35,110 --> 00:09:41,080
So now please copy this and they need how many more pages beneath three more pages.
142
00:09:41,080 --> 00:09:46,150
So one two three, another 30 stardom.
143
00:09:46,150 --> 00:09:52,930
So after the about, I will write a fake you page and the name is a fake Q and the company will be f
144
00:09:52,980 --> 00:09:54,310
fake Q page.
145
00:09:54,310 --> 00:09:59,040
Of course, I need to import all of this, then I will go to slash logging.
146
00:09:59,120 --> 00:10:03,190
This will be a log in page log in page here.
147
00:10:03,820 --> 00:10:11,360
Now the Slash Register Register and the register page now will go up here.
148
00:10:11,920 --> 00:10:23,710
I'll copy this three more times and I will write here f a Q page from slash f a Q, then a logging a
149
00:10:23,710 --> 00:10:30,400
page from a log in and register page from the register.
150
00:10:31,910 --> 00:10:35,590
I'll save it, and now I should have access to all of my roads.
151
00:10:35,780 --> 00:10:43,640
Now refresh, here I will go, slash the register at the register page and I will go to log in and log
152
00:10:43,640 --> 00:10:44,270
in page.
153
00:10:44,400 --> 00:10:47,300
AFAIK, you m.f.a. your page elago to empty slash.
154
00:10:47,810 --> 00:10:48,860
I am on my home page.
155
00:10:50,180 --> 00:10:52,000
Oh yeah, that's going to be enough for today's lecture.
156
00:10:52,010 --> 00:10:56,650
Any questions I ask and in the next lecture will continue will be improving it.
157
00:10:56,700 --> 00:11:00,790
Because, of course, on every page you would like to display the navigation bar, which apparently
158
00:11:00,800 --> 00:11:01,400
doesn't happen.
159
00:11:01,760 --> 00:11:04,580
So I hope to see you guys in the next 12 years.
15378
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.