1
00:00:00,210 --> 00:00:08,370
OK, so now let's move further and create a reserve component, so after we have declared the dependency,

2
00:00:08,370 --> 00:00:16,260
Eddie, oh, what we'll do is we'll give some if and allow statements basically in if this if this statement.

3
00:00:17,010 --> 00:00:25,830
So if there is a loading like if this floating is said to be true, then we will return the loading

4
00:00:25,830 --> 00:00:26,580
components.

5
00:00:26,580 --> 00:00:30,900
So then we would return the loading component.

6
00:00:32,140 --> 00:00:41,920
And after that, we would come down and we will give these its statement like what happens when we are

7
00:00:41,920 --> 00:00:45,100
on what our thoughts which?

8
00:00:46,690 --> 00:00:56,650
And here's the location dark part her name is equal to what, according to Ted Inkster, will change.

9
00:00:57,040 --> 00:00:59,500
And so let me just return.

10
00:00:59,500 --> 00:01:01,710
We will talk about it.

11
00:01:01,740 --> 00:01:02,140
Dawn and.

12
00:01:04,410 --> 00:01:13,890
Still need of this as of now, so inside this sweet statement, I know what we do is we will.

13
00:01:14,890 --> 00:01:24,750
Create the cases, so if the case is the search, if this case is so.

14
00:01:27,480 --> 00:01:30,050
If the key is not equal to be.

15
00:01:32,660 --> 00:01:34,580
So if it if it's sort.

16
00:01:36,690 --> 00:01:44,380
What will happen if it serves, what will be the result or the outcome, so there will be and there

17
00:01:44,380 --> 00:01:46,060
will be a return, basically.

18
00:01:47,490 --> 00:01:52,500
What it would look like, let me tell you so inside the tone.

19
00:01:53,610 --> 00:01:58,320
So return and that is there would be a dev.

20
00:02:00,740 --> 00:02:08,030
And we would give a good last name to this do so simply, we are implementing the deal would see a sense

21
00:02:08,030 --> 00:02:08,300
here.

22
00:02:08,660 --> 00:02:19,760
So a small pixel and that is of the 56 six, basically, and there would be the Flex and the Flex Wrap,

23
00:02:20,480 --> 00:02:26,030
and we'll also have to justify between and justify.

24
00:02:28,170 --> 00:02:34,950
Between and that is the space by excess of six a space.

25
00:02:35,910 --> 00:02:39,390
My test is six.

26
00:02:39,930 --> 00:02:47,520
So that is what it is, and next, we will have some JavaScript inside the dev.

27
00:02:48,910 --> 00:02:55,720
So here what we'll do is we'll get the resorts insurance and.

28
00:02:57,070 --> 00:03:08,980
Now, if we got to the results and it's basically and we'd map the desert, so map and instead of this,

29
00:03:08,980 --> 00:03:09,790
there is.

30
00:03:12,200 --> 00:03:14,810
Who in the of this, there would be the link.

31
00:03:15,650 --> 00:03:22,130
The title, basically, and we were also the index here.

32
00:03:22,130 --> 00:03:29,180
So there would be an index, of course, and now this is the function, basically.

33
00:03:29,570 --> 00:03:31,970
So this would equal to.

34
00:03:34,000 --> 00:03:34,600
The.

35
00:03:36,530 --> 00:03:38,120
This equal to the.

36
00:03:39,730 --> 00:03:47,380
The deal, which we are going to create inside this, so there is deep inside and inside, there is

37
00:03:47,380 --> 00:03:50,770
a class name for the Steve and its class name would be.

38
00:03:51,760 --> 00:04:01,780
And basically there would be the casting of made and and that would be the width of two by five.

39
00:04:02,830 --> 00:04:06,430
And and the weight of fall, basically.

40
00:04:07,210 --> 00:04:12,670
So this is what we're going to do, and we will also have a key for this, too.

41
00:04:13,180 --> 00:04:18,040
So there's a key and this key is equal to the index.

42
00:04:18,650 --> 00:04:30,310
So index and next, now we will go inside this and we will create an anchor and get bag or AirTag or

43
00:04:30,760 --> 00:04:31,990
whatever you want to call it.

44
00:04:32,410 --> 00:04:41,190
So there will be an AirTag and it for this would be the link out inside the testers.

45
00:04:41,230 --> 00:04:43,660
But inside of this, there would be the link.

46
00:04:44,380 --> 00:04:53,860
And after this, there would be the target for Target, and this target is set to blank.

47
00:04:54,580 --> 00:04:55,470
And so.

48
00:04:56,540 --> 00:05:02,870
Next, there will be elation, and this will be no refer.

49
00:05:03,950 --> 00:05:04,490
Basically.

50
00:05:05,590 --> 00:05:06,640
Relation.

51
00:05:08,110 --> 00:05:08,830
You know.

52
00:05:11,160 --> 00:05:14,700
It is giving me A. But should give.

53
00:05:15,450 --> 00:05:25,530
So no matter but that we can just type it out or refer, and then there would be the tag inside of this.

54
00:05:25,890 --> 00:05:30,060
And this Peter will be having a class name, basically.

55
00:05:31,330 --> 00:05:34,780
The last name would be equal to next.

56
00:05:38,390 --> 00:05:43,490
80 plus names now inside of this, there would be a link.

57
00:05:44,620 --> 00:05:48,120
At that link will be link start.

58
00:05:48,970 --> 00:06:00,070
And if that is greater than 30 for what will be the keys to better be linked short sub string.

59
00:06:01,860 --> 00:06:03,090
It will be.

60
00:06:04,260 --> 00:06:07,860
These seem to do totally, basically.

61
00:06:09,740 --> 00:06:14,390
This would be giving after we come, so this would be given in link.

62
00:06:14,990 --> 00:06:18,920
So this is it for this and actually we'll move on.

63
00:06:18,920 --> 00:06:26,930
And after the E tag gets over, there will be another repeat egg or after the speed tag that it would

64
00:06:26,930 --> 00:06:27,770
be another beat.

65
00:06:28,490 --> 00:06:32,150
And there would be a last name for this, Peter.

66
00:06:32,720 --> 00:06:43,370
So for this, there will be a class name that the class name, dubious text and the large text and when

67
00:06:43,580 --> 00:06:47,990
whenever we hover over this thing.

68
00:06:47,990 --> 00:06:52,520
So there should be an underline and that it would be the dark.

69
00:06:53,580 --> 00:06:55,110
And next.

70
00:06:56,310 --> 00:06:57,480
It's pretty blue.

71
00:06:58,730 --> 00:07:09,950
And for the intensity is to be hunted and there is a text blue off 700 also, the next blue of 700 is

72
00:07:09,950 --> 00:07:13,910
also present and now inside this attack will give the title.

73
00:07:14,490 --> 00:07:16,070
This is for the title.

74
00:07:16,790 --> 00:07:18,740
So I don't.

75
00:07:19,870 --> 00:07:21,620
Yeah, so far, so good.

76
00:07:21,910 --> 00:07:31,030
And next, we would come to the other line of code, and here there is all the closing of all the divorce

77
00:07:31,030 --> 00:07:31,480
and all.

78
00:07:32,200 --> 00:07:34,720
Basically, we are done with this surge case.

79
00:07:34,760 --> 00:07:43,040
Now, if there is a third case, we will be getting all of these things and all of that now.

80
00:07:43,180 --> 00:07:49,960
Next, what we'll do is we will create the images and the, you know, after this, we will be creating

81
00:07:49,960 --> 00:07:50,700
the images.

82
00:07:50,720 --> 00:07:51,570
So appears.

83
00:07:52,090 --> 00:07:58,660
But now we are not going to tie up or like everything line by line, because that's because that takes

84
00:07:58,660 --> 00:08:07,030
a lot of time to be set and start typing like every class me from as that will take forever, and that

85
00:08:07,030 --> 00:08:12,580
will let the time of our project tutorial so long and you will also get bored.

86
00:08:13,030 --> 00:08:18,730
But what I will do is I will be to copy and paste each cases and that explaining them.

87
00:08:19,360 --> 00:08:21,520
It is like what is happening and what?

88
00:08:21,940 --> 00:08:23,710
What is that we are doing?

89
00:08:24,040 --> 00:08:33,040
So now we will paste the images part or for that there is the images case here.

90
00:08:33,560 --> 00:08:39,500
So this is the image, this case which is there inside this, we are returning the R2.

91
00:08:39,670 --> 00:08:46,600
So there is a flexbox we have used to justify like the normal users, which we which we are using from

92
00:08:46,600 --> 00:08:48,040
the starting of the project.

93
00:08:48,460 --> 00:08:55,120
Next, we are getting the results and we are mapping the results with the image link and the title of

94
00:08:55,120 --> 00:08:55,870
that thing.

95
00:08:55,870 --> 00:09:01,660
And there's an anchor tag which shows us like all of the details, and you can click on this and we

96
00:09:01,660 --> 00:09:02,350
can redirect.

97
00:09:02,770 --> 00:09:06,010
That is an image, of course, and there is a P-TECH now.

98
00:09:06,460 --> 00:09:11,290
So next we will be importing the news section.

99
00:09:11,770 --> 00:09:14,670
So now after that, it is ending.

100
00:09:14,680 --> 00:09:15,010
Yeah.

101
00:09:16,680 --> 00:09:24,890
So after this, now we will be pasting the news section, and the news key is basically so this is the

102
00:09:24,890 --> 00:09:26,570
news case now.

103
00:09:28,340 --> 00:09:36,660
Let me explain, you didn't use basically all the common all are similar, almost similar, so inside

104
00:09:36,660 --> 00:09:38,220
the case, there is the.

105
00:09:40,290 --> 00:09:46,590
And there's active here and the class name of this all up there, so that the normal course or the normal

106
00:09:47,070 --> 00:09:54,180
same class, I mean the next we are mapping out the results, according to the News Feed.

107
00:09:54,450 --> 00:09:57,200
And for that, there would be anger.

108
00:09:57,520 --> 00:10:00,670
There's a beta and there is another and good.

109
00:10:01,290 --> 00:10:05,010
And the source to each and every single link.

110
00:10:05,360 --> 00:10:11,770
So that is about the news and when we come to the end of the news.

111
00:10:11,770 --> 00:10:16,170
So after that, we would be wasting our next.

112
00:10:17,670 --> 00:10:24,900
Our next component that is for the videos are not not the next component and an extra case, basically.

113
00:10:25,140 --> 00:10:26,610
So that is videos.

114
00:10:26,660 --> 00:10:27,960
And here it is.

115
00:10:28,440 --> 00:10:34,020
So inside of the video, there is a flex wrap and the results of the video we are mapping down.

116
00:10:34,360 --> 00:10:39,880
Now, of course, we are making use of these yet split inside of this because if you have installed

117
00:10:39,880 --> 00:10:43,770
that yet, they are just for the purpose of using it.

118
00:10:43,770 --> 00:10:47,940
Inside, the video section offered deserted speed.

119
00:10:48,240 --> 00:10:53,460
But that is what we are doing right now and we have our default the default rate on.

120
00:10:53,470 --> 00:10:57,540
So that is the error that returns at our basically.

121
00:10:57,960 --> 00:10:59,940
So that is what we have done.

122
00:11:00,300 --> 00:11:04,710
Now that was the last thing which we have done inside the.

123
00:11:06,170 --> 00:11:13,070
Inside the case, inside the deserted section, so this is this was our results section, and now we

124
00:11:13,070 --> 00:11:19,670
are going to create or we are going to work on the final destination.

125
00:11:19,670 --> 00:11:20,860
So that is the airport.

126
00:11:20,960 --> 00:11:28,550
Yes, like now we will map the data, we will get the data and we will fetch each and every single data

127
00:11:28,550 --> 00:11:33,410
inside our Abdel-Aziz component and the troop component.

128
00:11:33,410 --> 00:11:38,570
And from that, only things will start to work out and things will be rendered inside the browser.

129
00:11:39,050 --> 00:11:47,570
So now we will move towards the airport, just file and there will be creating most of the most of the

130
00:11:47,570 --> 00:11:49,130
features which are left out.