1
00:00:00,300 --> 00:00:01,890
Hello, friend, welcome back.

2
00:00:02,340 --> 00:00:08,580
In this video, I want to discuss about that foam and foam is very important, one of the part in any

3
00:00:08,580 --> 00:00:09,750
project, right?

4
00:00:09,960 --> 00:00:12,900
So now in this video, we'll discuss about that foam.

5
00:00:12,900 --> 00:00:18,470
That means that triangle forms how can create that foam and how can working with this is step by step.

6
00:00:18,480 --> 00:00:21,960
I will show you that things with a live example for doing this.

7
00:00:21,970 --> 00:00:24,720
First of all, I want to do want to create one of the foam piece.

8
00:00:25,050 --> 00:00:27,630
So that is our project into this project.

9
00:00:27,630 --> 00:00:32,400
That is the template into the template I have already created, along with the template file as a first

10
00:00:32,400 --> 00:00:36,570
step and into the fact that I have already created that index e-mail.

11
00:00:36,900 --> 00:00:41,310
So now I want to do I want to create another form in our fast area.

12
00:00:41,310 --> 00:00:46,350
So I just click on the new file and here I just name it as a form dot e-mail.

13
00:00:47,280 --> 00:00:49,880
OK, I just name it as a form dot e-mail.

14
00:00:51,240 --> 00:00:52,860
So don't I just simply open it.

15
00:00:52,980 --> 00:00:54,570
So that is our form is Jammal.

16
00:00:54,590 --> 00:00:57,720
So first of all, here I want to do to define our e-mail text.

17
00:00:58,350 --> 00:01:03,210
So here is simply the front of the e-mail and here I put some of the title as a form.

18
00:01:03,960 --> 00:01:07,150
OK, and then that is our body area.

19
00:01:07,170 --> 00:01:09,750
So if you already know about that, it will be the e-mail.

20
00:01:09,750 --> 00:01:11,190
I think you already know about it.

21
00:01:11,460 --> 00:01:13,280
So I just simply defined as a story.

22
00:01:13,620 --> 00:01:22,530
OK, so here I define as a story and here I just pulled some on the street, some of the text as a this

23
00:01:22,530 --> 00:01:24,590
is a form.

24
00:01:25,280 --> 00:01:30,620
OK, so this type of the text and also after that I want to do and define all of the form.

25
00:01:30,960 --> 00:01:32,910
So I just simply define the form.

26
00:01:33,120 --> 00:01:34,990
And here we don't need any class.

27
00:01:35,010 --> 00:01:37,480
OK, so in the form that's all the action.

28
00:01:37,500 --> 00:01:42,870
So if you put that action, the index estimates, that means this data will be redacted to the index

29
00:01:42,870 --> 00:01:45,840
based so that no, I don't want to defining it.

30
00:01:45,840 --> 00:01:47,600
So I just make the things as a blank.

31
00:01:47,850 --> 00:01:50,070
And also they have the two types of methode.

32
00:01:50,070 --> 00:01:53,540
One will be as a post methode, another will be as a get methode.

33
00:01:53,760 --> 00:01:57,960
So if you want to send some of the sensitive data, then you can use that for smattered other than you

34
00:01:57,960 --> 00:01:59,190
can also use that get my.

35
00:01:59,540 --> 00:02:02,610
So if you're working with the search option then you can use that also.

36
00:02:02,640 --> 00:02:02,880
OK.

37
00:02:03,150 --> 00:02:09,300
OK, so right now I'm using that post and also here I defined that because then I just make that action

38
00:02:09,300 --> 00:02:09,950
as an MP.

39
00:02:09,970 --> 00:02:15,210
That means whatever the things I will do, in particular that area each will be working, in particular

40
00:02:15,210 --> 00:02:15,940
that base.

41
00:02:16,000 --> 00:02:19,280
OK, for the reasons here, I just simply defined as a blank.

42
00:02:19,590 --> 00:02:25,470
And after that and to do I'll take all the level, OK, I just take one of the level and with the level

43
00:02:25,470 --> 00:02:28,230
four and here I define the text.

44
00:02:28,410 --> 00:02:30,990
OK, I just simply defined as the text underscore field.

45
00:02:31,840 --> 00:02:37,800
So this step up on the field I have to define, I just simply defined as the test that will be our text

46
00:02:37,800 --> 00:02:40,660
as a field such as simply defined in the field.

47
00:02:40,920 --> 00:02:43,370
So no one to do and to define all of the input field.

48
00:02:43,530 --> 00:02:47,210
I just simply defined as the input and the input type.

49
00:02:47,220 --> 00:02:50,010
I just simply defined type will be as a text type.

50
00:02:50,010 --> 00:02:52,390
And I just named that our field.

51
00:02:52,410 --> 00:02:54,260
So I just name it as a test field.

52
00:02:54,270 --> 00:02:56,780
So I just simply defined as a test and values.

53
00:02:56,780 --> 00:03:01,160
So right now I don't want to put any value aside for the reasons I just make the things as empty.

54
00:03:01,410 --> 00:03:04,630
So now I want to do I want to visible our D form.

55
00:03:04,650 --> 00:03:06,000
OK, I want the visibility.

56
00:03:06,000 --> 00:03:07,990
I want the visibility for the user.

57
00:03:08,010 --> 00:03:12,100
So if you want the visibility, then you have to do you have to go to your first project.

58
00:03:12,120 --> 00:03:13,940
And here we have to work in our views.

59
00:03:13,950 --> 00:03:14,230
Right.

60
00:03:14,550 --> 00:03:17,040
So just simply open it to this view.

61
00:03:17,040 --> 00:03:22,170
I have already created one of the function of the index function right now to do and to create another

62
00:03:22,170 --> 00:03:24,030
one and to create another one.

63
00:03:24,030 --> 00:03:25,920
I just name it as a function name.

64
00:03:25,920 --> 00:03:27,750
I named that function as a form.

65
00:03:28,140 --> 00:03:28,450
Right.

66
00:03:28,770 --> 00:03:33,700
So also here we have to pass that request separately from the parameter as a request.

67
00:03:34,290 --> 00:03:36,190
So after that, what exactly we have to do?

68
00:03:36,190 --> 00:03:39,080
We have to define the diction that our dictionary.

69
00:03:39,090 --> 00:03:40,680
So that simply defines addiction.

70
00:03:40,980 --> 00:03:44,820
And right now, first of all, I want to make the things as empty, OK?

71
00:03:45,090 --> 00:03:46,790
And then we have to do have redundant.

72
00:03:46,800 --> 00:03:48,180
So I just simply defined as written.

73
00:03:48,190 --> 00:03:51,610
Sorry, I just simply cannot return.

74
00:03:51,610 --> 00:03:58,500
Harinder So with this render function I want to do in the past hour the sickest just simply pass that

75
00:03:58,500 --> 00:03:59,010
request.

76
00:03:59,010 --> 00:04:05,940
And also here we have to pass our base, our base I have created in our fast step into the Farstad that

77
00:04:05,940 --> 00:04:07,050
is our form dot SDM.

78
00:04:07,050 --> 00:04:07,360
All right.

79
00:04:07,740 --> 00:04:14,970
So now I just believe in our view of the fast, fast underscore app and the final step I have defined

80
00:04:15,120 --> 00:04:19,110
as a form form dot estimator, I guess.

81
00:04:19,140 --> 00:04:23,720
And I think you already know about it, because we did the same things for our index function here,

82
00:04:23,760 --> 00:04:25,270
because it's the same thing.

83
00:04:25,800 --> 00:04:28,290
So now after that, I want to define that context.

84
00:04:29,430 --> 00:04:32,840
So into this context area, I want to parse our distinction.

85
00:04:32,850 --> 00:04:36,010
So just simply pass it on here, OK?

86
00:04:36,390 --> 00:04:37,470
So to simply pass it.

87
00:04:37,830 --> 00:04:42,900
So here I have defined our view space and now we have to do after that we have to create all the URL

88
00:04:42,900 --> 00:04:43,830
for our D form.

89
00:04:43,830 --> 00:04:44,130
Right.

90
00:04:44,430 --> 00:04:50,610
So now we have to add it to feel to good that our ideals that we see in our fast app, that is that

91
00:04:50,610 --> 00:04:51,120
you what else?

92
00:04:51,420 --> 00:04:53,520
So here we have to create our new one.

93
00:04:54,090 --> 00:04:59,250
So after that, I just simply defined as a popped right into this area.

94
00:04:59,250 --> 00:04:59,760
I want to do.

95
00:04:59,870 --> 00:05:04,130
Find our form name so I from you, you as a form.

96
00:05:04,670 --> 00:05:10,020
OK, so I just simply defended the farm and then also we have to define our views.

97
00:05:10,970 --> 00:05:15,110
I think, you know, we should be very much clear to you because we did this type of work a lot of the

98
00:05:15,110 --> 00:05:15,470
time.

99
00:05:15,740 --> 00:05:21,700
So in interviews, I have already created one of the one of the functions, our function name as a farm.

100
00:05:22,250 --> 00:05:25,940
So I just simply defined our views and that is our form function.

101
00:05:25,940 --> 00:05:26,170
Right.

102
00:05:26,390 --> 00:05:28,250
And also in return to define that mean.

103
00:05:28,370 --> 00:05:29,900
So I just simply defined that name.

104
00:05:29,900 --> 00:05:34,510
And for this one as a farm, OK, I just name it as a form.

105
00:05:35,030 --> 00:05:35,540
Perfect.

106
00:05:35,840 --> 00:05:37,840
So now to do I want to run our server.

107
00:05:37,910 --> 00:05:41,480
So here but I just got it and I just open it.

108
00:05:41,840 --> 00:05:46,820
First of all, I just got to save all and now open our terminal again.

109
00:05:47,120 --> 00:05:49,330
And I want to access I want to run our servers.

110
00:05:49,330 --> 00:05:58,450
So you have to run as with the python, Manny's dot fly and then run server.

111
00:05:59,390 --> 00:05:59,680
Right.

112
00:05:59,800 --> 00:06:01,220
So just enter.

113
00:06:03,730 --> 00:06:10,000
Now, you can see they have over and our Salvati is now running Seiger simply copy it, OK, so just

114
00:06:10,000 --> 00:06:19,120
simply copy it now open our browser so that I discarded OK, and now I just ruthlessly open it and I

115
00:06:19,120 --> 00:06:20,560
wanted to do on Texas our form.

116
00:06:20,570 --> 00:06:22,570
So here I have already defining it.

117
00:06:22,900 --> 00:06:27,550
So I have defined our what else I define that you are name as a form.

118
00:06:27,550 --> 00:06:27,860
Right.

119
00:06:27,880 --> 00:06:33,520
So I just simply copied and now here after that our territory that is our victory.

120
00:06:33,520 --> 00:06:36,170
I just simply accessed that formula on the enter.

121
00:06:36,520 --> 00:06:36,910
Yeah.

122
00:06:36,940 --> 00:06:40,150
You can see that is actually that this is a form and that is our TextField.

123
00:06:40,420 --> 00:06:43,440
That means we successfully lowered our installed base.

124
00:06:43,780 --> 00:06:48,070
So there is a stable base I have created so that there are forms into this form area.

125
00:06:48,070 --> 00:06:49,830
I have defined one of the text.

126
00:06:49,840 --> 00:06:50,230
Right.

127
00:06:50,240 --> 00:06:52,090
You can define all the text fast.

128
00:06:52,300 --> 00:06:56,580
And also after that I define the level and then I define all the input field.

129
00:06:56,980 --> 00:07:01,720
So for the results is not showing our text and our level and the input field.

130
00:07:02,080 --> 00:07:02,560
Perfect.

131
00:07:02,830 --> 00:07:05,270
So now here, whatever the things will board.

132
00:07:05,320 --> 00:07:11,400
And after that, if you click on the submit automatically, shall we get this specific input filename?

133
00:07:11,440 --> 00:07:15,350
So here I have already defined all of the input filename as a TextField, right.

134
00:07:15,700 --> 00:07:20,300
So with this text, actually it's recognized as aspecific, this field data.

135
00:07:20,800 --> 00:07:26,470
So if you create multiple input for the input field, you have to define some of the specific name for

136
00:07:26,470 --> 00:07:26,920
this one.

137
00:07:27,070 --> 00:07:27,320
OK.

138
00:07:27,880 --> 00:07:32,020
So right now I'm using that text field for a specific this field.

139
00:07:32,290 --> 00:07:36,280
And also here I want to do do the final of the submit form, the initial better.

140
00:07:36,760 --> 00:07:40,360
So after that, after that, I want to define all of the input field.

141
00:07:41,470 --> 00:07:47,860
Either simplified import and input type will be as is submitted because he from here want to submit

142
00:07:47,860 --> 00:07:48,010
it.

143
00:07:48,010 --> 00:07:55,190
So to simply define it, to submit type and for this input field, I just need me to submit, I just

144
00:07:55,240 --> 00:07:56,260
need me to submit.

145
00:07:56,260 --> 00:07:59,770
And here there is a value into this area I define as a submit.

146
00:08:00,300 --> 00:08:02,210
OK, then it shall be actually visible.

147
00:08:02,620 --> 00:08:04,460
So now if you look at this table.

148
00:08:05,380 --> 00:08:12,070
So now if you refresh it, you can see there have also the submit button so that it was submitted.

149
00:08:12,070 --> 00:08:13,190
I just put that below.

150
00:08:13,570 --> 00:08:14,930
So here that is our value.

151
00:08:14,950 --> 00:08:19,870
I have defined as a submit for the reasons here you can see us now showing our puppet button.

152
00:08:19,870 --> 00:08:26,140
And also here, if you want to define some of the value like here, I just simply define the value as

153
00:08:26,140 --> 00:08:27,010
a DS test.

154
00:08:27,250 --> 00:08:28,390
OK, this is a test.

155
00:08:28,740 --> 00:08:37,120
So this step up, one of the value I have defined as the save all and now refresh it now can see it's

156
00:08:37,120 --> 00:08:40,180
now showing our D value in particular that area.

157
00:08:40,430 --> 00:08:45,550
OK, so here, if you also want to define some of the placeholder, you can also define the placeholder

158
00:08:45,550 --> 00:08:45,980
site.

159
00:08:46,000 --> 00:08:46,620
Right now.

160
00:08:46,630 --> 00:08:50,250
I just simply removed and here I defined that placeholder.

161
00:08:50,800 --> 00:08:59,460
So that is a placeholder, one of the things you will want to put like into your text.

162
00:08:59,470 --> 00:09:03,670
So the step up, one of the placeholder I want to define save all.

163
00:09:04,600 --> 00:09:10,330
And now if you refresh it now, you can see something as our enter your text.

164
00:09:10,540 --> 00:09:10,830
Right.

165
00:09:11,350 --> 00:09:16,500
And also here, if you want to define like right now, you can see they have no particular thing.

166
00:09:16,510 --> 00:09:22,990
And also here, if you want to make this field is a request that means without putting any data, you

167
00:09:22,990 --> 00:09:24,720
cannot press that button.

168
00:09:24,730 --> 00:09:28,090
So if you want to make that feel as if you could, then you can also do that work.

169
00:09:28,540 --> 00:09:31,060
Then you have to do you have to after this.

170
00:09:31,060 --> 00:09:32,970
After this, you have to define as it occurred.

171
00:09:33,820 --> 00:09:38,320
OK, you have to define that things only that that means right now this field is.

172
00:09:38,830 --> 00:09:42,080
So here you have to define some of the input field.

173
00:09:42,460 --> 00:09:44,350
So now I just click as a Savol.

174
00:09:44,800 --> 00:09:51,190
So now if you refresh it and if you make that things as a blank click on the submit, you can see it's

175
00:09:51,190 --> 00:09:51,820
not showing.

176
00:09:52,060 --> 00:09:53,520
Please fill out this field.

177
00:09:53,530 --> 00:09:56,080
So here you should be displayed some of the text.

178
00:09:56,080 --> 00:09:59,470
So without putting any text, you can submit this form.

179
00:09:59,680 --> 00:09:59,890
OK.

180
00:10:00,610 --> 00:10:03,160
So here also you can define that things with the secret.

181
00:10:03,400 --> 00:10:06,880
So now here I want to do and to create two of this field.

182
00:10:06,910 --> 00:10:11,540
One will be as a full input field and there will be for that and use that email.

183
00:10:11,590 --> 00:10:15,580
OK, so this type of tool of this field I want to create for the regions in all level area.

184
00:10:15,580 --> 00:10:17,320
First of all, I want to change that label.

185
00:10:17,320 --> 00:10:19,030
And here I made me to the full name.

186
00:10:20,080 --> 00:10:20,840
OK, at step.

187
00:10:20,880 --> 00:10:22,740
Want the input field and better.

188
00:10:22,750 --> 00:10:26,040
I want to change that our level then be better.

189
00:10:26,500 --> 00:10:28,750
I just name it as a user under its own name.

190
00:10:30,220 --> 00:10:33,510
OK, so far actually for the better understanding I am actually changing it.

191
00:10:33,520 --> 00:10:34,900
If you don't want to change it then.

192
00:10:35,500 --> 00:10:37,660
OK, so I just simply change that for here.

193
00:10:37,660 --> 00:10:38,920
I also want to change that.

194
00:10:38,920 --> 00:10:43,230
Our name as a user name that is placeholders right now.

195
00:10:43,240 --> 00:10:47,770
I don't need this placeholder, so here I just make that field as equal.

196
00:10:48,060 --> 00:10:51,100
OK, and also I do want to take another one.

197
00:10:51,100 --> 00:10:56,190
I just simply copied and here after this I just name another one.

198
00:10:56,200 --> 00:10:58,000
This will be the user email.

199
00:10:59,980 --> 00:11:02,290
And then here I define that.

200
00:11:02,650 --> 00:11:11,200
Far as it used that email and also I want to update our name, that means in beautiful name and updated

201
00:11:11,200 --> 00:11:16,240
as a user e-mail and then here for the email, I wanted to change that type.

202
00:11:16,540 --> 00:11:19,560
So I just simply to find that type will be an email type.

203
00:11:19,720 --> 00:11:20,070
Right.

204
00:11:20,470 --> 00:11:27,070
So I just simply defined by default on the input type as the email type for our email field and the

205
00:11:27,070 --> 00:11:27,640
value.

206
00:11:27,640 --> 00:11:30,050
And also I define make that thing so that he could.

207
00:11:30,460 --> 00:11:30,910
Perfect.

208
00:11:31,300 --> 00:11:36,910
So now if you click the save all I just click the save all check our server.

209
00:11:37,390 --> 00:11:37,750
Yeah.

210
00:11:37,750 --> 00:11:41,530
Everything is looking great now I just refresh it.

211
00:11:42,040 --> 00:11:42,340
Yeah.

212
00:11:42,370 --> 00:11:47,400
You can see the full name, full email and the results have been button so bitter I want to change it.

213
00:11:47,610 --> 00:11:50,260
It will be as user email then it should be better.

214
00:11:50,980 --> 00:11:57,030
So that will be as user email like a friend say to somebody finally use an email.

215
00:11:58,390 --> 00:11:59,530
So that is our one.

216
00:11:59,530 --> 00:12:02,860
And there is another one to know if you can get to save all.

217
00:12:03,280 --> 00:12:05,650
And now if you refresh it.

218
00:12:06,130 --> 00:12:07,670
Yeah, it's not perfectly updated.

219
00:12:08,050 --> 00:12:11,650
So friend here we have created this problem with using that e-mail.

220
00:12:11,770 --> 00:12:12,040
Right.

221
00:12:12,280 --> 00:12:17,830
So in Django they have also some of the by default resources they have, but it's also by default some

222
00:12:17,830 --> 00:12:18,730
of the functions.

223
00:12:18,950 --> 00:12:22,260
If you want to create some of the form with the using the triangle.

224
00:12:22,480 --> 00:12:27,880
So better in the next video, I will show you that things with a live example see step by step will

225
00:12:27,880 --> 00:12:31,990
go more deep because here actually everything will be needed for our project.

226
00:12:31,990 --> 00:12:36,850
So that's all that actually basic things because we will create three project will create one of the

227
00:12:36,850 --> 00:12:39,790
block project, we will create on the social media project.

228
00:12:39,790 --> 00:12:42,900
And after that also we will create all the e-commerce project.

229
00:12:42,910 --> 00:12:43,170
Right.

230
00:12:43,480 --> 00:12:48,460
So everything will be needed for the reasons I want to first of all, share all the basic things with

231
00:12:48,460 --> 00:12:48,730
you.

232
00:12:48,950 --> 00:12:52,580
This will increase your knowledge for better understanding about the triangle.

233
00:12:52,780 --> 00:12:55,810
So thanks for watching and I will see you in the next video.