1
00:00:00,150 --> 00:00:06,180
This is our own agenda, cities like in the previous photo doodles, I showed you how to create a general

2
00:00:06,210 --> 00:00:12,530
project and a general park, then how you can work with the request and the response part by others.

3
00:00:12,840 --> 00:00:21,090
And in the previous tutorial, that was the fourth one, I told you all you can think of with your back

4
00:00:21,090 --> 00:00:25,030
and forth, how you can create a template folder as well as a static folder.

5
00:00:25,440 --> 00:00:33,000
And one thing I showed you the FEMA page that I can work with the developer tools.

6
00:00:34,440 --> 00:00:37,980
What would the response design of bootstrap and why we use it?

7
00:00:38,700 --> 00:00:44,480
And the one thing you can do this now, we are going to work with templates.

8
00:00:44,850 --> 00:00:53,920
So basically emptied our files and we can use them to render the backend logic into the front end part.

9
00:00:54,540 --> 00:01:01,070
So first thing, I'm going to show you that in previous tutorial we created a page.

10
00:01:01,380 --> 00:01:03,870
So this is the page we created in the previous.

11
00:01:03,880 --> 00:01:06,450
To do so, I would try to control you.

12
00:01:07,080 --> 00:01:10,960
And this would this is a shortcut to see the front, end quote.

13
00:01:11,220 --> 00:01:13,380
So this is all fun and cool.

14
00:01:13,680 --> 00:01:22,140
And what noticeable we can notice from this is that this printing code, will all this like the same

15
00:01:22,920 --> 00:01:23,340
structure?

16
00:01:23,340 --> 00:01:27,680
We are going to use it in the different files in the.

17
00:01:27,780 --> 00:01:37,920
So we are going to I suppose, in order to give you a practical example like this, in a bar like this

18
00:01:37,920 --> 00:01:42,440
number is going to be common in all the pages.

19
00:01:42,720 --> 00:01:50,500
So when we move to another page, so this novel will remain common and this structure will also remain.

20
00:01:51,360 --> 00:01:52,710
So what can be different?

21
00:01:52,770 --> 00:01:59,280
The end of that page might be different from the another page and it will be different and the title

22
00:01:59,310 --> 00:02:00,520
can be different as well.

23
00:02:00,870 --> 00:02:07,850
But the basic structure and the number on the photo will always remain common to every page, because

24
00:02:07,860 --> 00:02:15,780
number is something you will help the application form to navigate from one place to another, and you

25
00:02:15,780 --> 00:02:24,570
will copy the not every time you make a new page so that that front, end quote will always be common

26
00:02:24,570 --> 00:02:25,620
to all the pages.

27
00:02:25,830 --> 00:02:32,900
And we can make this with the help of these things, which are extensions block after block and block.

28
00:02:32,910 --> 00:02:34,440
I will give you a practical example.

29
00:02:34,490 --> 00:02:35,160
I can do that.

30
00:02:35,160 --> 00:02:37,120
And what what is the importance of it?

31
00:02:37,650 --> 00:02:41,090
So first assignment templates folder.

32
00:02:41,100 --> 00:02:47,210
I would create a new file that is the is in addition to this.

33
00:02:47,790 --> 00:02:51,300
Then I would create a second estimate.

34
00:02:53,330 --> 00:03:07,400
OK, no second or two I have to provide you, as Peter said, so I would copy this part and pasted instead

35
00:03:07,400 --> 00:03:14,490
of this first page, I would do this as second page.

36
00:03:14,720 --> 00:03:16,220
This is my second page.

37
00:03:17,120 --> 00:03:19,790
And I would also second page.

38
00:03:21,740 --> 00:03:26,250
And this is touching this second page.

39
00:03:26,640 --> 00:03:32,950
So we just click, I did this, so I have provided a new box, my second page used on my second page.

40
00:03:33,000 --> 00:03:35,480
I have to see what it does, my second page.

41
00:03:35,720 --> 00:03:43,580
So it is human error because of human error, because I have not defined my second page inside my view.

42
00:03:43,630 --> 00:03:45,560
So I would go back to my usual fee.

43
00:03:46,460 --> 00:03:52,550
So like the previous, there was one of my first pick which used to render in this tradition, but I

44
00:03:52,550 --> 00:04:02,870
would create the second page, as with my foot, my second page, which would take a request as an input

45
00:04:03,470 --> 00:04:03,770
and

46
00:04:06,500 --> 00:04:07,040
render.

47
00:04:09,560 --> 00:04:10,220
Request.

48
00:04:11,750 --> 00:04:24,350
Gomaa second thought it meant so, so I told you that this would have created a second page in my template

49
00:04:24,350 --> 00:04:28,090
folder than I provided you, other than a visual function to that others.

50
00:04:28,130 --> 00:04:32,780
But so when I move to my page, my second page.

51
00:04:34,810 --> 00:04:45,740
OK, so I'm glad it's nothing but what I wanted to tell you, if you knew the source code of the front

52
00:04:45,740 --> 00:04:47,720
end part of that.

53
00:04:47,930 --> 00:04:50,480
So this shortcut was by you.

54
00:04:51,100 --> 00:04:53,730
And this is the source code of the full speech.

55
00:04:53,730 --> 00:04:58,020
So you want all this to be common in that page as well.

56
00:04:58,850 --> 00:04:59,050
OK.

57
00:04:59,120 --> 00:05:04,030
Before I do this, I to show you one thing and I would copy this number.

58
00:05:05,650 --> 00:05:15,630
OK, I copied this now, but I would paste this in my index to make sure this index short statement,

59
00:05:17,090 --> 00:05:19,290
OK, this is index finger.

60
00:05:20,420 --> 00:05:23,060
And when I move to my first page.

61
00:05:24,890 --> 00:05:30,350
OK, I will move to my speech, my first.

62
00:05:32,800 --> 00:05:33,270
Paige.

63
00:05:34,750 --> 00:05:43,870
So this is sort of my first speech and this has been updated because it has a number in it, but and

64
00:05:44,080 --> 00:05:46,660
when I move to this page.

65
00:05:48,590 --> 00:05:50,680
OK, now this looks pretty good.

66
00:05:51,080 --> 00:06:00,800
OK, so what I told you that inside my first page I have given a number and what I will do one thing

67
00:06:00,800 --> 00:06:11,720
also I would change the title as well to make sure there's no confusion on my first page.

68
00:06:14,490 --> 00:06:17,880
OK, so this looks pretty fine and pretty cool.

69
00:06:18,600 --> 00:06:23,070
OK, and this this this is my first page.

70
00:06:23,520 --> 00:06:26,210
And what I need to do, this is my first page.

71
00:06:26,220 --> 00:06:30,020
No, I would move to the second file as well.

72
00:06:30,780 --> 00:06:34,830
And inside my second or even file, whatever you do, I would type.

73
00:06:38,310 --> 00:06:44,980
For extends in this store in.

74
00:06:50,240 --> 00:06:52,190
I would get this as a person, come on.

75
00:06:52,640 --> 00:06:54,320
OK, so this would.

76
00:06:56,400 --> 00:06:58,410
When I moved to the second page.

77
00:07:01,440 --> 00:07:08,400
So, yeah, this is this is my second page as well, and you can see this has blown all the things which

78
00:07:08,400 --> 00:07:10,970
we did in the full speed as well.

79
00:07:11,430 --> 00:07:15,470
But I need to take care of one thing that my title should be different.

80
00:07:15,870 --> 00:07:21,180
So I would move back to my indictor if given an inside this.

81
00:07:21,330 --> 00:07:23,840
I have to mention the title in this way.

82
00:07:25,240 --> 00:07:35,390
Lot tighter, because when I might move going under the bridge, so I would go right to.

83
00:07:40,500 --> 00:07:40,940
And.

84
00:07:43,750 --> 00:07:45,580
And look.

85
00:07:50,640 --> 00:07:57,960
OK, on inside, my second thought, I would repeat this as well.

86
00:07:57,990 --> 00:08:01,410
So just to be quick, I would copy this.

87
00:08:13,260 --> 00:08:14,310
I would copy this.

88
00:08:22,130 --> 00:08:27,350
Look, this looks pretty fine, so I would open the pages.

89
00:08:28,360 --> 00:08:29,680
This is my second page.

90
00:08:31,680 --> 00:08:31,970
Of.

91
00:08:34,140 --> 00:08:36,200
I opened the first page.

92
00:08:39,750 --> 00:08:47,460
So this is my first page and this is my second page, so you can feel the difference here, that within

93
00:08:47,550 --> 00:08:57,560
two lines of code, I want all the structure as well as the Narbethong index in the second estimate.

94
00:08:57,960 --> 00:09:04,560
And I provided food out to the one was my first page with the name, with the title, my first page,

95
00:09:04,740 --> 00:09:07,380
and another one with the title of my second page.

96
00:09:07,890 --> 00:09:09,320
So this looks pretty good.

97
00:09:09,690 --> 00:09:17,570
And what you can do now is you want to change the content, so it's in next door formal.

98
00:09:19,200 --> 00:09:24,010
I would move this each one directly inside the content.

99
00:09:24,030 --> 00:09:28,140
So the I would put the name to that first page as well.

100
00:09:28,710 --> 00:09:31,170
So I would type.

101
00:09:34,560 --> 00:09:37,470
Thousand block content.

102
00:09:43,170 --> 00:09:45,450
And Boston and.

103
00:09:51,780 --> 00:09:54,930
So when I read my page, so this is my first page.

104
00:09:56,350 --> 00:10:03,970
So it is a weird jungle project for this page, and when I do just wish this is also a jungle project

105
00:10:03,970 --> 00:10:07,370
first page, but I want to change this content.

106
00:10:07,390 --> 00:10:10,600
This particular content block content.

107
00:10:10,960 --> 00:10:13,540
So I would do one thing.

108
00:10:13,550 --> 00:10:22,960
I would move back to the second table and I would type doesn't block content.

109
00:10:29,280 --> 00:10:31,170
And a key got.

110
00:10:34,140 --> 00:10:38,700
And I would give this given an actual heading.

111
00:10:41,120 --> 00:10:53,810
Second page extends first page with a column with.

112
00:10:57,310 --> 00:10:57,780
Month.

113
00:11:00,730 --> 00:11:09,220
This should look fine, so see the magic in the second page extends first page with a common Navar and

114
00:11:09,220 --> 00:11:10,570
this is my first page.

115
00:11:11,590 --> 00:11:13,390
OK, and this is my second page.

116
00:11:13,600 --> 00:11:22,150
So you can feel the difference like inside my first index, but only think what was a driving force.

117
00:11:22,990 --> 00:11:30,920
I would open this earth and show you that the content of this page is here.

118
00:11:31,120 --> 00:11:34,780
This is the actual line and this was the content of the full speed.

119
00:11:35,140 --> 00:11:39,310
And inside the second page, this was the content.

120
00:11:39,920 --> 00:11:47,730
OK, but you can see all of those things come with the title being different and the content is different.

121
00:11:47,740 --> 00:11:48,800
Everything is common.

122
00:11:49,140 --> 00:11:58,670
So what I wanted to tell you show you that when you use the extend functionality of the template with

123
00:11:59,140 --> 00:12:07,300
I think with a three or four lines of code, you can on the first page or estimate not far from the

124
00:12:07,300 --> 00:12:09,350
first page to another bit.

125
00:12:09,370 --> 00:12:12,450
And this would reduce your estimate code as well.

126
00:12:12,490 --> 00:12:18,520
And this will help you to make dynamic SDMI pages in future.

127
00:12:18,580 --> 00:12:26,350
So what you need do is you need to create an extra Faymann, then you need to define a dynamic title

128
00:12:26,350 --> 00:12:26,870
to it.

129
00:12:27,310 --> 00:12:29,010
So this looks fine.

130
00:12:29,230 --> 00:12:32,430
Then you need a dynamic block content to it as well.

131
00:12:32,770 --> 00:12:37,030
And you need to extend this in the second page as well with the help of this thing.

132
00:12:37,480 --> 00:12:42,400
OK, so do with the help of only four to five lines of code, we were able to extend the.

133
00:12:43,350 --> 00:12:49,860
Air Force base on a second base, so in the next iteration, I'm going to work with General Templer,

134
00:12:50,190 --> 00:12:53,140
but I'm going to show you more functionality of it.

135
00:12:53,430 --> 00:12:54,310
So thank you, guys.

136
00:12:54,330 --> 00:12:55,020
Thank you so much.

137
00:12:55,410 --> 00:12:55,790
Thank you.