1
00:00:00,690 --> 00:00:08,070
Well, next, what we'll do is we'll design it in a responsible way so that whenever we open our website

2
00:00:08,070 --> 00:00:11,640
on a smaller version of the screen for look good.

3
00:00:12,030 --> 00:00:16,750
So after the button styling, what we'll do is provide some mediocrities.

4
00:00:16,840 --> 00:00:22,860
Now, if you don't know mediocrities, what it does is that adjusts your cso's according to the maximum

5
00:00:23,280 --> 00:00:25,650
weight of the screen or minimum width of the screen.

6
00:00:25,650 --> 00:00:28,560
So you need to just provide a screen to resolution.

7
00:00:28,560 --> 00:00:34,890
And according to that, the CCI's is applied to media and an.

8
00:00:38,320 --> 00:00:43,090
Being and and that will be a mix with.

9
00:00:44,620 --> 00:00:50,920
Like, this is the maximum with this success would be applied after this magazine with if the resolution

10
00:00:50,920 --> 00:00:53,360
increases, then the CSIS will be disciplined.

11
00:00:53,410 --> 00:00:56,340
So that is the whole irony of this mediocrity.

12
00:00:56,360 --> 00:01:04,390
So ill 576 pixels is like, what is the like mobile of you?

13
00:01:04,810 --> 00:01:08,740
Go after that, it's really going to be responsible.

14
00:01:09,010 --> 00:01:16,360
So this will impact the container of cost, though, and the container H3, because that is so like

15
00:01:16,810 --> 00:01:17,220
big.

16
00:01:17,230 --> 00:01:24,880
So that's why we just to the font size is going to be decreased to one RTM.

17
00:01:26,540 --> 00:01:34,730
And also, we'll give this to our input because I didn't put needs to also be a lion, according to.

18
00:01:36,600 --> 00:01:37,800
According to our.

19
00:01:39,040 --> 00:01:48,070
Not a solution, so then we need to go to a button, so to the bottom, what will give is that we'll

20
00:01:48,070 --> 00:01:54,430
give off one side of like a smaller foreign side will give maybe point it fi.

21
00:01:55,470 --> 00:01:58,980
IDM, something like that, then we'll save it.

22
00:01:59,430 --> 00:02:02,160
This will not give any impact.

23
00:02:02,730 --> 00:02:10,890
As of now, because whenever we string are fired, so then it will give or you can see, Oh, I like

24
00:02:10,890 --> 00:02:11,160
that.

25
00:02:14,080 --> 00:02:16,530
I can't it.

26
00:02:17,360 --> 00:02:18,660
Me, I can do this.

27
00:02:21,360 --> 00:02:27,810
Not from here, give me that are some still bugs which we need to fix.

28
00:02:29,750 --> 00:02:33,390
Okay, now we need to give an an underclass.

29
00:02:34,200 --> 00:02:38,210
Now what I discussed with you is that whenever user types.

30
00:02:40,560 --> 00:02:47,610
Now will add CSI to the like, what happens when that is an adult and that is an invalid entry.

31
00:02:48,090 --> 00:02:56,580
Before that, I'll add another order after the media queries, after the music is anchored to inside

32
00:02:56,580 --> 00:02:57,900
this, I will add.

33
00:02:59,940 --> 00:03:02,880
Good input only what input?

34
00:03:03,510 --> 00:03:09,570
And now I'll tell you, what is this dog that will do that because we will give a class name to the

35
00:03:09,570 --> 00:03:18,340
input named as at whenever there will be a wrong and to know, how do we detect that it is wrong and

36
00:03:18,340 --> 00:03:21,090
believe that I will just tell you in a minute?

37
00:03:21,120 --> 00:03:24,230
So this is what we are going to do.

38
00:03:24,800 --> 00:03:25,830
So our.

39
00:03:27,850 --> 00:03:36,430
The Earth may be dark, but yeah, so this is the class which will be responsible for showing that.

40
00:03:36,520 --> 00:03:38,630
No, let me just tell you how to get better.

41
00:03:38,770 --> 00:03:41,080
First of all, we need to create a state.

42
00:03:41,830 --> 00:03:43,810
OK, I think you OK.

43
00:03:43,840 --> 00:03:45,070
OK, OK, I'm sorry.

44
00:03:45,820 --> 00:03:47,410
I think the screen was stuck.

45
00:03:47,830 --> 00:03:49,210
OK, I'll repeat it once again.

46
00:03:49,210 --> 00:03:53,500
So this is this is the things which are Typekit only this one line.

47
00:03:53,500 --> 00:03:54,580
I'm tired so far.

48
00:03:54,640 --> 00:03:55,330
So OK.

49
00:03:55,480 --> 00:03:59,650
And that also made a typo, so I will have corrected or input data.

50
00:03:59,920 --> 00:04:01,540
And this is the thing.

51
00:04:02,720 --> 00:04:11,120
It is responsible for showing the right like border to land bulwarks if there is a wrong entry or exit.

52
00:04:11,150 --> 00:04:15,170
And now we need to give it.

53
00:04:15,200 --> 00:04:24,770
We need to create a constant well, that constant will be better and then we'll have a set and a hard

54
00:04:25,610 --> 00:04:26,270
and.

55
00:04:28,140 --> 00:04:29,790
Who will said this at A.

56
00:04:31,520 --> 00:04:35,630
They used it, and initially it will be false.

57
00:04:39,850 --> 00:04:40,470
False.

58
00:04:40,660 --> 00:04:43,570
And I forgot and wanted to hear.

59
00:04:44,830 --> 00:04:46,210
But initially, it'll be false.

60
00:04:46,630 --> 00:04:51,280
Now what I need to do is I need to give a class to this important.

61
00:04:54,010 --> 00:05:01,060
If that is in Iran, so that should be a change of glass and that glass should be like the gospel changes

62
00:05:01,060 --> 00:05:01,840
color to red.

63
00:05:02,190 --> 00:05:04,030
So how we do that?

64
00:05:04,570 --> 00:05:07,390
Well, first of all, I type class name here.

65
00:05:09,060 --> 00:05:11,310
Last name and there would be JavaScript inside.

66
00:05:11,700 --> 00:05:13,710
So here what I do is that.

67
00:05:15,740 --> 00:05:17,690
I'll provide this, and I'll.

68
00:05:19,460 --> 00:05:22,850
And inside this, if that is an error.

69
00:05:24,310 --> 00:05:25,540
If that is an error.

70
00:05:26,990 --> 00:05:27,710
Question mark.

71
00:05:28,220 --> 00:05:32,950
So the class will be set to add a quota.

72
00:05:33,320 --> 00:05:39,950
And if that is no error, so that means colon or semicolon colon, then it will be none.

73
00:05:41,660 --> 00:05:44,450
As simple as that sounds fair enough.

74
00:05:44,630 --> 00:05:48,020
No, no, not I'm not.

75
00:05:48,830 --> 00:05:49,710
Then it will be none.

76
00:05:49,730 --> 00:05:49,990
No.

77
00:05:50,000 --> 00:05:55,310
Let me just save it to right now the class is set to follow.

78
00:05:55,500 --> 00:05:59,850
So let us go back to the browser and see there is nothing wrong here.

79
00:06:00,200 --> 00:06:07,580
But when I tune this to falsify change, I thought if I change to prove or what will happen?

80
00:06:08,990 --> 00:06:11,270
Let me just go to.

81
00:06:15,090 --> 00:06:16,440
That is no color change.

82
00:06:16,560 --> 00:06:19,290
Why is not changing color?

83
00:06:21,120 --> 00:06:27,840
Class name, error excuse that our it will set to error, OK, because I have not seen this.

84
00:06:29,270 --> 00:06:30,210
But I need to save it.

85
00:06:30,900 --> 00:06:38,640
Now, let me go here, and you can see the border is changed to right and let me just send you to.

86
00:06:39,550 --> 00:06:40,140
False.

87
00:06:43,490 --> 00:06:44,780
And let me say a word.

88
00:06:45,940 --> 00:06:49,240
And now you can see Blue Bluish.

89
00:06:50,020 --> 00:06:59,140
So this is how it'll work, but right now we are not like confirming that the text is valid or not valid,

90
00:06:59,140 --> 00:06:59,950
so that will do.

91
00:07:00,780 --> 00:07:03,720
For all we have done with this.

92
00:07:05,240 --> 00:07:10,160
Who know what we'll do is that we are done with, uh.

93
00:07:13,660 --> 00:07:21,850
Now, let's add up on some meat, like whenever we submit the form, we type everything in this form,

94
00:07:21,850 --> 00:07:22,150
right?

95
00:07:22,330 --> 00:07:24,580
And we try to submit this to what will happen.

96
00:07:25,120 --> 00:07:33,040
Before that, we'll add a glass or glass, or they will add a function to it that will be called on

97
00:07:33,040 --> 00:07:33,490
summit.

98
00:07:33,790 --> 00:07:34,570
So on.

99
00:07:35,950 --> 00:07:40,470
Mick, in add a function here, so we'll call it handle summit.

100
00:07:42,690 --> 00:07:45,940
But right now we are not asking you to be liquidated.

101
00:07:47,140 --> 00:07:48,670
Now I'm just writing it.

102
00:07:49,300 --> 00:07:50,350
I'm just calling it.

103
00:07:50,350 --> 00:07:50,710
I'm not.

104
00:07:50,830 --> 00:07:53,260
I have not yet defined or created this function.

105
00:07:53,680 --> 00:07:55,840
Included on Summit and Ultimate.

106
00:07:55,840 --> 00:07:59,140
No, let's go ahead and create the handle summit.

107
00:08:00,750 --> 00:08:09,600
So that will be gone and the government and it will be a further function.

108
00:08:10,530 --> 00:08:18,380
And the first thing which we take care of when we are creating a form is that whenever we submit a form,

109
00:08:18,390 --> 00:08:26,100
so the natural tendency is that a page reloads whenever we submit a form, the page rules.

110
00:08:26,430 --> 00:08:29,250
We want to prevent that page from reloading.

111
00:08:29,250 --> 00:08:32,250
So for that, you all you guys know.

112
00:08:32,400 --> 00:08:37,800
And if you don't know, let me just show you that how we can stop the page from reloading by default.

113
00:08:37,800 --> 00:08:43,250
So we'll provide this e we'll pass e as an argument here in this function, and we are also using this

114
00:08:43,290 --> 00:08:43,430
E.

115
00:08:44,120 --> 00:08:46,020
E nothing but event.

116
00:08:46,980 --> 00:08:51,470
I can alterative into event dart targetable that same thing.

117
00:08:52,170 --> 00:08:52,800
E Dart.

118
00:08:54,150 --> 00:08:57,810
The event be by.

119
00:08:59,580 --> 00:09:04,520
And this is a function to what it does is that like let me just comment, OK?

120
00:09:04,980 --> 00:09:09,600
And let me just say it and go back to your browser.

121
00:09:10,030 --> 00:09:17,230
Now when I click this form, you know, when I try to click it, there is my closer to the page reloads.

122
00:09:17,550 --> 00:09:19,290
The page tends to reload.

123
00:09:19,830 --> 00:09:28,980
But when I go through this and I am the command line and when I now go to the browser.

124
00:09:29,860 --> 00:09:31,190
And and I.

125
00:09:33,400 --> 00:09:35,530
And clicking this part, there is no reload.

126
00:09:35,740 --> 00:09:39,890
Of course, the whatever the action needs to be done, it will be done by turning.

127
00:09:39,940 --> 00:09:41,140
The page will not reload.

128
00:09:41,170 --> 00:09:46,510
So that is what we armed because if the page loads, all the data will be lost and there will be a malfunction

129
00:09:46,510 --> 00:09:48,370
and it needs to.

130
00:09:48,520 --> 00:09:49,330
We don't want that.

131
00:09:49,340 --> 00:09:51,910
That's why we have implemented this feature.