1
00:00:00,150 --> 00:00:05,430
Hello, friend, welcome back in this video to discuss about the template inheritance.

2
00:00:05,640 --> 00:00:09,060
So what exactly that means so far, better understanding.

3
00:00:09,060 --> 00:00:13,620
I just opened Amazon.com, this Amazon.com site.

4
00:00:13,620 --> 00:00:15,570
You can see they have the most common.

5
00:00:15,570 --> 00:00:21,200
Some of the piece like that is our header parts of are party's most common for our every pages.

6
00:00:21,210 --> 00:00:21,560
Right.

7
00:00:21,810 --> 00:00:23,250
So that is our site, Bearpark.

8
00:00:23,250 --> 00:00:27,960
So that is also common for the every business and also to have the content part.

9
00:00:28,260 --> 00:00:33,720
That means this portion will be the content and this content part will be changed for every page.

10
00:00:33,760 --> 00:00:36,270
OK, and also that is our future part.

11
00:00:36,600 --> 00:00:42,840
So futer part header part and the Seiberg part most common for the Web pages like here.

12
00:00:42,840 --> 00:00:50,220
If you go to a specific this product, so there is a product base, you can only this contain part is

13
00:00:50,220 --> 00:00:53,310
now become changed, but header is the same.

14
00:00:53,310 --> 00:00:56,240
And also you can see there's a Futer is the same.

15
00:00:56,520 --> 00:00:56,880
Right.

16
00:00:57,280 --> 00:01:03,750
So if you also want to inherited your site then you can define that things with this template inheritance.

17
00:01:03,990 --> 00:01:05,190
So you can do that work.

18
00:01:05,190 --> 00:01:08,490
See, step by step I will show you like here for our disposal.

19
00:01:08,610 --> 00:01:14,170
I want to define some of the header part and that is header part will be the one for the every page.

20
00:01:14,430 --> 00:01:19,590
And if you want to add some of the futer, part of their part will be the common for the pages.

21
00:01:19,590 --> 00:01:25,280
And also, if you want to include all that, your success on the JSE with the specifics of underpays,

22
00:01:25,350 --> 00:01:26,940
then you can also defining it.

23
00:01:27,120 --> 00:01:30,690
Only the content part will be loaded differently for every time.

24
00:01:30,850 --> 00:01:34,680
OK, so here I want to define these parts of for doing this.

25
00:01:34,680 --> 00:01:36,780
We have to do better.

26
00:01:36,780 --> 00:01:38,040
That is are fast steps right now.

27
00:01:38,040 --> 00:01:38,700
We don't need this.

28
00:01:38,700 --> 00:01:40,890
I just remember everything from here, OK?

29
00:01:40,890 --> 00:01:41,940
Just remove everything.

30
00:01:42,180 --> 00:01:46,620
And in our template that is our first app template into the first step template here.

31
00:01:46,620 --> 00:01:50,580
I want to do I want to create another another file.

32
00:01:50,850 --> 00:01:58,490
I just wanna open file and here I take it as a base, OK, I just name it as a base dot SDM.

33
00:01:59,040 --> 00:02:01,600
That means that will be our base, this table.

34
00:02:01,620 --> 00:02:02,040
Fine.

35
00:02:02,040 --> 00:02:05,300
And here I want to load all the other main things.

36
00:02:05,310 --> 00:02:08,790
That means header and also access and the JSF.

37
00:02:08,880 --> 00:02:12,270
Everything I want to define in particular that base area.

38
00:02:12,420 --> 00:02:18,300
OK, so here I want to load everything and then if you want to display all the index data, then only

39
00:02:18,300 --> 00:02:21,240
I want to extend it with this index and that is a form.

40
00:02:21,240 --> 00:02:22,690
So you step by step, I'll show you.

41
00:02:22,710 --> 00:02:26,010
So first of all, I want to do all the work in our base SGML.

42
00:02:26,280 --> 00:02:29,070
So do the basic HTML at the front of this table tech.

43
00:02:29,220 --> 00:02:33,240
I just simply found the external tag and here I defined the title.

44
00:02:33,240 --> 00:02:38,220
I defined the title of the Django OK Django Project.

45
00:02:40,080 --> 00:02:42,960
So here I define another title as a Django project.

46
00:02:43,260 --> 00:02:49,500
So into the business model here I want to load all that Xerces and the Jaysus file for our project.

47
00:02:49,500 --> 00:02:56,160
And also I want to load our header part because for every paisios we will need that navigation bar to

48
00:02:56,190 --> 00:02:57,300
for the navigation.

49
00:02:57,300 --> 00:03:00,500
I want to load it in our D Bays SDM Malaria.

50
00:03:00,660 --> 00:03:04,440
So if you want to do that works right now for doing this, I want to use that bootstrap.

51
00:03:04,450 --> 00:03:08,760
So if you already knew about that bootstrap, then I think you already know about it.

52
00:03:08,770 --> 00:03:13,480
So first of all, I want to do I want to use that boost obsidian, OK?

53
00:03:13,500 --> 00:03:14,600
I want to use that bootstrap.

54
00:03:14,910 --> 00:03:19,260
And if you go to that bootstrap obsidian, that is indirection bootstrap.

55
00:03:21,020 --> 00:03:28,170
So from here, so you can see that the access and the Jesus escorts right now to learn to use it.

56
00:03:28,190 --> 00:03:32,080
I just have to copy it now that is open in our base.

57
00:03:32,170 --> 00:03:33,580
What that means here.

58
00:03:33,890 --> 00:03:37,520
So if you want to use that access, you have to use it into the header.

59
00:03:37,550 --> 00:03:38,870
Yes, I just simply passed it.

60
00:03:39,040 --> 00:03:40,730
OK, I just simply passed it.

61
00:03:41,060 --> 00:03:47,240
And also, I want to do I want to take our all the GAO says that in the boost says I copy three of this

62
00:03:47,870 --> 00:03:52,310
and into the body area for the into the body area here.

63
00:03:52,310 --> 00:03:53,410
I just simply passed it.

64
00:03:54,530 --> 00:03:56,720
So just simply page three of this on here.

65
00:03:57,200 --> 00:03:59,960
So I just simply defending it and that is actually a statement.

66
00:04:00,010 --> 00:04:01,760
So now I don't want to change it.

67
00:04:02,240 --> 00:04:05,260
So here I want to make the things as a PSP.

68
00:04:06,710 --> 00:04:15,410
So that is the B, B, B, B, B, OK, so I just simply defended the original and also into the what

69
00:04:15,430 --> 00:04:16,670
area that means here.

70
00:04:16,670 --> 00:04:20,320
I want to do I want to load one of the neighbor.

71
00:04:20,810 --> 00:04:26,810
If you go to that bootstrap official side, there is a documentation and here if you go to that components

72
00:04:27,680 --> 00:04:30,530
and the components that have some of the neighbor.

73
00:04:30,530 --> 00:04:36,080
So that is actually the neighbor for no one to do and to take some of the neighbor from here.

74
00:04:36,620 --> 00:04:38,890
They have so many resources you can use.

75
00:04:38,900 --> 00:04:44,230
So there is also another one, uh, like that is actually the other one.

76
00:04:44,930 --> 00:04:47,460
So fun know to do and actually use it.

77
00:04:47,480 --> 00:04:54,680
OK, I just simply copied I just have to copy every quote from here, copied and now go to our site

78
00:04:54,680 --> 00:04:56,240
and here to the border area.

79
00:04:56,240 --> 00:04:57,320
I just simply passed it.

80
00:04:57,470 --> 00:05:03,920
OK, I just simply posted here, we don't need this snibbe so just simply we will be it and also we

81
00:05:03,920 --> 00:05:05,520
don't need this button.

82
00:05:05,600 --> 00:05:10,180
I just hope that the day by day, we also don't need this.

83
00:05:10,190 --> 00:05:14,150
I just simply will beat the tape for this one.

84
00:05:14,180 --> 00:05:15,620
I just simply will beat.

85
00:05:16,410 --> 00:05:22,910
And that is our neighbor, OK, that is our neighbor and our neighbor, the perfect.

86
00:05:23,240 --> 00:05:25,880
So here I only want to take two of this space.

87
00:05:25,880 --> 00:05:28,830
One would be as a home and there will be for our farms.

88
00:05:28,850 --> 00:05:33,380
I just simply defend the farm on a farm farm.

89
00:05:33,530 --> 00:05:35,600
So I have already defined two of the Sea World.

90
00:05:36,200 --> 00:05:41,150
So that is our home and we don't need this.

91
00:05:41,360 --> 00:05:42,830
I just hope it will be it.

92
00:05:43,580 --> 00:05:47,030
And also that is I only want to take two of this right now.

93
00:05:47,030 --> 00:05:47,900
We don't need this.

94
00:05:47,900 --> 00:05:50,400
I just simply label it like a friend.

95
00:05:50,780 --> 00:05:52,250
So here I define only two.

96
00:05:52,250 --> 00:05:57,390
And also I want to do and define this neighbor as a dog, OK?

97
00:05:57,740 --> 00:06:03,170
I just make that things as a busy dark and that is actually Elzie neighbor light.

98
00:06:03,170 --> 00:06:04,880
I don't to change it at a dark.

99
00:06:05,180 --> 00:06:10,790
So our disposition, that means our total portion will be based for our every pages.

100
00:06:11,030 --> 00:06:13,490
So now I want to do I want to inheritance it.

101
00:06:13,490 --> 00:06:18,290
So after that, after that I want to do I want to define solve the block for a specific design.

102
00:06:18,290 --> 00:06:24,650
So if you already know about that, Laravel then in Laravel we define that part with the ILD right seem

103
00:06:24,680 --> 00:06:30,020
to the PSP, we define that things with that include and then we include our specific D filename.

104
00:06:30,290 --> 00:06:34,730
So here in Python Django we have to do, we have to define that things with the block.

105
00:06:34,730 --> 00:06:36,320
So that means this part.

106
00:06:36,320 --> 00:06:37,370
I want to block it.

107
00:06:37,790 --> 00:06:43,870
So here you have to block it with the second bracket and then the double percent is OK.

108
00:06:43,910 --> 00:06:46,460
If the double person is you have to define that block.

109
00:06:47,120 --> 00:06:50,330
That means I just simply defined the blockade and the block.

110
00:06:50,330 --> 00:06:52,320
I defined that body, OK?

111
00:06:52,370 --> 00:06:54,020
I defined that body block.

112
00:06:54,710 --> 00:06:56,810
I define the ID as a body block.

113
00:06:57,050 --> 00:06:59,390
And also we have to do we have to end this block.

114
00:06:59,390 --> 00:07:06,440
So after this after this, I want to do and and it I just simply and with the double percentages and

115
00:07:06,440 --> 00:07:15,260
then and this block OK, I just simply added that means here for this specific base that means our base

116
00:07:15,260 --> 00:07:21,560
is html here I define everything and I block it with our this block area and I just define all of the

117
00:07:21,560 --> 00:07:24,410
body that is one of the ID as a body block.

118
00:07:24,770 --> 00:07:26,720
So every piece for every piece.

119
00:07:26,750 --> 00:07:32,960
Now if you use that index, if you want to use that form is HTML, everything will be lowered in particular

120
00:07:32,960 --> 00:07:36,500
this position, OK, everything will be loading in this position.

121
00:07:36,890 --> 00:07:42,290
So here I just simply blog it with our this idea as a blog that is a body block ID.

122
00:07:42,620 --> 00:07:43,970
So now we have to defining it.

123
00:07:43,970 --> 00:07:45,830
We have to defining it in our index.

124
00:07:45,830 --> 00:07:46,540
Right mind.

125
00:07:46,550 --> 00:07:48,560
That means here that the indexes html.

126
00:07:48,890 --> 00:07:51,500
So I know what I want to do and to remove everything from here.

127
00:07:51,920 --> 00:07:56,990
OK, I just simply remove everything from this position because here we don't need this here.

128
00:07:56,990 --> 00:08:01,570
I have already added our success Jaysus and also I added our name back.

129
00:08:01,580 --> 00:08:01,940
Right.

130
00:08:02,390 --> 00:08:08,850
So now in particular that area it still be loaded and here in our indexes html here we have to defining

131
00:08:08,870 --> 00:08:08,990
it.

132
00:08:08,990 --> 00:08:12,560
OK, we have to define our this business html into the basis html.

133
00:08:12,560 --> 00:08:13,790
I have defined a specific.

134
00:08:13,790 --> 00:08:16,430
Some died with this as a block.

135
00:08:16,430 --> 00:08:17,450
That means a body block.

136
00:08:17,450 --> 00:08:17,690
Right.

137
00:08:18,290 --> 00:08:19,850
So now first of all we have to do we have.

138
00:08:19,910 --> 00:08:26,780
They extended, so I just simply extend with us second bracket and the double percentages, and here

139
00:08:26,780 --> 00:08:34,850
we have to define the extent E e and the S extends and extends our Finemore file into the final step.

140
00:08:34,850 --> 00:08:36,360
And that is our business template.

141
00:08:36,710 --> 00:08:37,610
So we have to add it.

142
00:08:37,640 --> 00:08:42,970
So that is our location as a fast, fast underscore app.

143
00:08:43,250 --> 00:08:46,540
And then here we have to define our estimate.

144
00:08:46,590 --> 00:08:49,640
That means our base HTML as a base dot SDM.

145
00:08:50,370 --> 00:08:56,720
OK, so here I just simply extend it fast and after that I want to do want to define our specific blog.

146
00:08:56,900 --> 00:08:59,960
That means specific which area you want to block it.

147
00:08:59,990 --> 00:09:01,940
OK, so that means here I want to block it.

148
00:09:03,140 --> 00:09:04,790
That is our percentages.

149
00:09:05,160 --> 00:09:10,630
And here I have already defined the idea it will be as a block that is a body block.

150
00:09:10,640 --> 00:09:12,080
I just simply copy it.

151
00:09:12,410 --> 00:09:21,650
And now here in particular, that area I just simply defined as a block block and then our body block.

152
00:09:22,610 --> 00:09:23,080
Perfect.

153
00:09:23,480 --> 00:09:26,490
And in particular that area we have to do we have to end it.

154
00:09:26,600 --> 00:09:34,220
So I just simply define the percentages and then and and this block, I just simply define it and block.

155
00:09:34,540 --> 00:09:36,420
So that means one of the things.

156
00:09:36,440 --> 00:09:40,730
Now we will put in our this area for the index base, this index page.

157
00:09:40,760 --> 00:09:44,270
This material will be law that is specific, this area.

158
00:09:44,460 --> 00:09:47,020
OK, I hope you will understand about it.

159
00:09:47,030 --> 00:09:51,890
So everything will be very much clear to you when I actually Rani's I just simply define all the H1

160
00:09:51,890 --> 00:10:04,810
tag and the H contact I define as, like I am from index or I am in this space, ok, in the space say

161
00:10:04,820 --> 00:10:06,740
to simply define as am in this space.

162
00:10:07,310 --> 00:10:14,180
So now we have to do, we have to do the same things, we have to do the same things for our farmers.

163
00:10:14,180 --> 00:10:18,630
Demel that means here I just simply remove everything from here and now.

164
00:10:18,650 --> 00:10:20,740
I just simply put it in particular, that area.

165
00:10:20,750 --> 00:10:22,160
So that will be our form base.

166
00:10:22,790 --> 00:10:26,270
I just simply load it as a form, OK, form base.

167
00:10:26,840 --> 00:10:32,830
So there's this specific location will be loaded in our Bayes into the base here.

168
00:10:32,840 --> 00:10:35,600
I have defined our block as a body block.

169
00:10:35,900 --> 00:10:37,380
It'll be loaded on here.

170
00:10:37,530 --> 00:10:40,070
OK, so now I just have to save all.

171
00:10:40,340 --> 00:10:41,570
We have to save all.

172
00:10:42,790 --> 00:10:45,870
The suburban roundtable and runners are Reagan.

173
00:10:47,750 --> 00:10:55,520
As a python man is Dark Fae and their lines are what they enter.

174
00:10:58,760 --> 00:11:03,820
Yeah, most is resigning now go to our side so that your sidekick is a refresh.

175
00:11:04,520 --> 00:11:05,270
Yes.

176
00:11:05,270 --> 00:11:10,580
Now, considering now that is actually our neighbor is loaded and here our tax is loaded.

177
00:11:10,820 --> 00:11:11,200
Right.

178
00:11:11,600 --> 00:11:14,710
So if you make that right, Dymocks actually doing it.

179
00:11:14,960 --> 00:11:17,300
There is a home and that is our form.

180
00:11:17,300 --> 00:11:18,920
So that is actually our neighbor.

181
00:11:18,930 --> 00:11:21,730
So this neighbor actually comes from our business.

182
00:11:21,980 --> 00:11:22,450
All right.

183
00:11:22,850 --> 00:11:25,700
So now I think it should be very clear to you.

184
00:11:26,060 --> 00:11:29,380
So into the base e-mail, into the base e-mail here.

185
00:11:29,390 --> 00:11:35,210
I have to find out what this neighbor you can see is now loaded in particular that area, but in particular

186
00:11:35,210 --> 00:11:35,930
that position.

187
00:11:35,930 --> 00:11:37,610
I have defined our index base.

188
00:11:37,610 --> 00:11:37,920
Right.

189
00:11:38,240 --> 00:11:45,280
So now you can see into this position I define as a block and a body block and the and body block.

190
00:11:45,560 --> 00:11:49,250
And here I define this body block in our index.

191
00:11:49,350 --> 00:11:55,070
So into the index here you can see I extended our Fastweb basis for the results here.

192
00:11:55,070 --> 00:12:00,230
I did add this number automatically is getting this Napat from our best estimate.

193
00:12:00,440 --> 00:12:00,830
Right.

194
00:12:01,070 --> 00:12:04,190
And only I have added as I am index based.

195
00:12:04,700 --> 00:12:07,970
That means that is actually our I am index based.

196
00:12:08,150 --> 00:12:08,600
Right.

197
00:12:08,990 --> 00:12:14,910
So it's now perfectly visible that that means our this only this portion is perfectly loaded in our

198
00:12:14,910 --> 00:12:19,690
D block party block area that I hope you can understand about it.

199
00:12:20,090 --> 00:12:26,180
So our neighbor is also perfectly working and also I don't want to define some of the link.

200
00:12:26,180 --> 00:12:31,430
So here that your neighbor I didn't define our home link and the form links, I have already created

201
00:12:31,430 --> 00:12:32,330
all that out.

202
00:12:32,780 --> 00:12:33,160
Right.

203
00:12:33,500 --> 00:12:37,160
So if you go to our you aureole that is in our fast tab.

204
00:12:37,160 --> 00:12:42,680
That is you are all I have already defined that form and the home and also I define our app name.

205
00:12:42,680 --> 00:12:46,070
So in our previous video I have also discussed about the things we do.

206
00:12:46,070 --> 00:12:47,750
How can create some of the reality.

207
00:12:47,780 --> 00:12:53,510
Warrell So now we will use it in our in this position that we see in our neighbor area.

208
00:12:53,510 --> 00:12:56,890
That means that our best e-mail here, that is our home.

209
00:12:57,410 --> 00:13:01,820
So now Underdo, I think you already know about it, what exactly you have to do then.

210
00:13:01,820 --> 00:13:04,400
The percentages and into the percentages here.

211
00:13:04,490 --> 00:13:06,730
First of all, you have to define that keyword as you.

212
00:13:06,760 --> 00:13:07,730
All right.

213
00:13:07,940 --> 00:13:10,850
And then our application name.

214
00:13:10,850 --> 00:13:11,990
So our app name.

215
00:13:11,990 --> 00:13:17,720
I have defined name as a fast Web site, just simply defined as the faster than the clone.

216
00:13:17,930 --> 00:13:20,120
And after that, our indexed right.

217
00:13:20,140 --> 00:13:23,090
So for this one, that is our part name.

218
00:13:23,900 --> 00:13:27,960
So that is the name of the index and also defined by name as a form.

219
00:13:27,980 --> 00:13:28,270
Right.

220
00:13:28,850 --> 00:13:31,550
So now I just simply defining it perfect.

221
00:13:31,610 --> 00:13:32,110
That's all.

222
00:13:32,420 --> 00:13:34,760
And also on to do the same things for our form.

223
00:13:34,760 --> 00:13:36,740
But I just copied it here.

224
00:13:36,740 --> 00:13:37,990
I just simply pasted.

225
00:13:38,000 --> 00:13:42,200
So that will be our first name, our real name as a form.

226
00:13:42,200 --> 00:13:45,790
I just simply copy and now I define as a form.

227
00:13:46,130 --> 00:13:46,580
Perfect.

228
00:13:47,090 --> 00:13:48,130
Now let's check this out.

229
00:13:48,140 --> 00:13:49,430
I just got to save all.

230
00:13:50,390 --> 00:13:51,560
Now go to slide.

231
00:13:51,560 --> 00:13:52,990
Refresh it now.

232
00:13:53,000 --> 00:13:53,810
Go to the form.

233
00:13:53,990 --> 00:13:54,300
Yeah.

234
00:13:54,380 --> 00:13:58,910
You can see our neighbor is the same only our this part.

235
00:13:58,910 --> 00:14:04,030
That means our form part is now loaded and now showing as I am from, from space.

236
00:14:04,040 --> 00:14:07,550
OK, that is our index space, that is our form base.

237
00:14:07,820 --> 00:14:14,660
And also here if you want to use some of the container one of the subclass then so the better that that

238
00:14:14,690 --> 00:14:17,180
is actually into our left position.

239
00:14:17,900 --> 00:14:23,810
So here I want to do I want to go to our Bezalel here in particular, that position that in this block

240
00:14:23,810 --> 00:14:29,330
border area, I want to define one of the bootstrap class as a Dave.

241
00:14:29,750 --> 00:14:31,040
I define the Dave.

242
00:14:31,050 --> 00:14:37,640
And to this day, I want to do unto the front of the class and in bootstrap that have some the class

243
00:14:37,640 --> 00:14:38,530
as a container.

244
00:14:40,550 --> 00:14:42,470
OK, I didn't name it as a container.

245
00:14:42,470 --> 00:14:44,120
And then I finished that, Dave.

246
00:14:44,150 --> 00:14:46,060
And also we have to do we have to finish it.

247
00:14:46,670 --> 00:14:48,110
So I just simply defined that.

248
00:14:48,110 --> 00:14:49,730
Dave, look, I just finish it.

249
00:14:50,180 --> 00:14:53,630
So now I will be looking good to save all.

250
00:14:53,630 --> 00:14:55,220
So that is only the booster class.

251
00:14:55,340 --> 00:15:00,210
So if you know a little bit that bootstrap, then I think you already know about it is very much common

252
00:15:00,210 --> 00:15:01,310
knowledge of the class.

253
00:15:02,240 --> 00:15:02,570
Yeah.

254
00:15:02,690 --> 00:15:05,210
Obviously, you know, it's actually on the perfect position.

255
00:15:05,750 --> 00:15:08,600
So, you know, next we do want to discuss about the things we do.

256
00:15:08,600 --> 00:15:10,810
How can build some the template filters.

257
00:15:10,940 --> 00:15:13,910
So thanks for watching and I'll see you in the next video.