1
00:00:02,970 --> 00:00:08,790
In the last video, we saw how to water crops and know what God is dead inside the home, not just how,

2
00:00:08,790 --> 00:00:15,810
but according to our home digest, for now, from this week onwards will see components one by one.

3
00:00:16,470 --> 00:00:22,500
So these are the pages that will see like basically firstly about education experience, its portfolio,

4
00:00:22,500 --> 00:00:23,550
profile and skills.

5
00:00:24,130 --> 00:00:30,450
As you can see here, oh, about profit, professional skills, experience, education, portfolio and

6
00:00:30,450 --> 00:00:31,440
everything kind of stuff.

7
00:00:32,430 --> 00:00:37,450
So firstly, we start off with about OK, firstly, we start off with now.

8
00:00:37,760 --> 00:00:43,050
So now by means my resume and all this sections so that we can individually go to the sections and all

9
00:00:43,050 --> 00:00:43,410
stuff.

10
00:00:43,860 --> 00:00:46,650
The first thing we will do is now about company.

11
00:00:47,770 --> 00:00:48,940
So now, judges.

12
00:00:49,780 --> 00:00:57,730
So there is a lot of order that the the reason why we told the court before and explaining is there's

13
00:00:57,730 --> 00:01:02,110
a lot of stuff off the internet and see a societal rearrangement bootstrap kind of stuff.

14
00:01:03,100 --> 00:01:06,430
So this is basically what's happening is.

15
00:01:07,800 --> 00:01:12,650
If I if we keep on writing the college taking a lot of time, that's right, instead of having the court

16
00:01:12,660 --> 00:01:18,000
and then explain your line by line is more efficient, that is the way we thought and then I want to

17
00:01:18,200 --> 00:01:18,870
it in that way.

18
00:01:19,230 --> 00:01:22,950
So before this one thing you have to do is go to bootstrap.

19
00:01:30,480 --> 00:01:31,710
Then got to get started.

20
00:01:32,340 --> 00:01:33,330
What do you have to do is?

21
00:01:34,420 --> 00:01:42,070
I go through this documentation and import the the JavaScript bundle, the starter template, in January

22
00:01:42,070 --> 00:01:44,020
next to its standard.

23
00:01:45,110 --> 00:01:46,520
That this index started, Daniel.

24
00:01:47,650 --> 00:01:48,010
OK.

25
00:01:49,400 --> 00:01:53,840
So here you can see find there are some Google forms that Google Fit and they are going to see that

26
00:01:53,840 --> 00:01:58,790
JavaScript query and animate at the script files for all this kind of stuff.

27
00:01:59,390 --> 00:02:05,870
So this don't worry, we'll be sharing you all this also all resources to you so that you can go to

28
00:02:05,870 --> 00:02:07,070
them at any time.

29
00:02:07,070 --> 00:02:10,310
And then if you are having some problem, you can also use them.

30
00:02:12,580 --> 00:02:18,610
OK, so you can download this on this CD and so that your code will work and then you can import this

31
00:02:18,790 --> 00:02:19,510
kind of stuff.

32
00:02:20,020 --> 00:02:21,670
OK, now I'm going under the knife, but.

33
00:02:23,090 --> 00:02:25,340
I can see where importing this link.

34
00:02:26,060 --> 00:02:33,260
So what does this link do so that if you see here, if you are clicking on excuse, it is rendering

35
00:02:33,260 --> 00:02:35,740
somebody sent me under this link of some different order.

36
00:02:36,200 --> 00:02:37,580
So this is what Link does.

37
00:02:38,180 --> 00:02:42,570
Get inside the link you will give them to address and then the class name.

38
00:02:42,590 --> 00:02:45,140
These are all the classes that are coming from the bootstrap.

39
00:02:45,500 --> 00:02:45,790
OK.

40
00:02:46,400 --> 00:02:47,690
And then you'll be giving might.

41
00:02:47,690 --> 00:02:51,920
As you may say, if you click on this, it will link you to the homepage only.

42
00:02:52,220 --> 00:02:54,110
So if you click on this, nothing's happening.

43
00:02:54,110 --> 00:02:55,100
You're still on the homepage.

44
00:02:55,490 --> 00:03:01,970
But if you see here, if you are clicking on this icon, there is a class effect if a copy and then

45
00:03:01,970 --> 00:03:05,480
scans by clicking on the skin cycle.

46
00:03:05,480 --> 00:03:06,050
And then it is.

47
00:03:07,170 --> 00:03:11,050
Taking you to some other, you know, you are enabling those skills.

48
00:03:11,610 --> 00:03:13,090
So that is what happening here.

49
00:03:13,110 --> 00:03:15,180
So that is what the link is used by, right?

50
00:03:16,920 --> 00:03:22,650
So this affair means this is for icon basically, so we have this way we are getting this from we are

51
00:03:22,650 --> 00:03:24,200
getting from bootstrap icons.

52
00:03:24,270 --> 00:03:26,670
OK, so you're going to check for them.

53
00:03:28,120 --> 00:03:28,780
Bootstrap.

54
00:03:36,500 --> 00:03:41,350
OK, you can get you are getting some phone calls on my Gonzales bootstrap icons can check them.

55
00:03:41,360 --> 00:03:44,690
There would be a code for that and you can basically copy business.

56
00:03:45,050 --> 00:03:51,680
So affairs, if a home is this illegal icon for some small form kind of shape and then skins, this

57
00:03:51,680 --> 00:03:52,460
will be an icon.

58
00:03:53,030 --> 00:03:54,710
But Experian says this will be the icon.

59
00:03:54,710 --> 00:04:00,320
Education portfolio can get this icon from bootstrap our phone to something that we have installed everything

60
00:04:00,320 --> 00:04:06,260
in the packages can see in the back and our design boulevard love all the materials, things and everything.

61
00:04:08,270 --> 00:04:13,490
And actually, having started it, we have to use those clips already added, intend to find document

62
00:04:13,490 --> 00:04:13,810
evidence.

63
00:04:13,820 --> 00:04:15,840
So that is what we can use this you audience.

64
00:04:16,910 --> 00:04:17,270
OK.

65
00:04:17,690 --> 00:04:20,480
So yeah, now going back to now.

66
00:04:21,500 --> 00:04:26,000
So coming from fighting, basically, this is the court, this we are using class, but you can also

67
00:04:26,000 --> 00:04:32,150
use the function like simply function now, but extends and then written export default.

68
00:04:32,750 --> 00:04:33,100
OK.

69
00:04:33,770 --> 00:04:39,410
So you had if you can see this, everything is basically hedged and bootstrap the system in and out

70
00:04:39,410 --> 00:04:42,470
and then the class name like you take in forthcoming them would start.

71
00:04:42,860 --> 00:04:45,830
The main content version should be how we are linking using very act.

72
00:04:46,700 --> 00:04:50,970
This might, as you mentioned earlier, we are linking it to the home page and then the menu.

73
00:04:50,970 --> 00:04:52,220
We are linking it to the homepage.

74
00:04:52,220 --> 00:04:58,760
And these are not some kind of external stuff, but the link attributes on the props, right?

75
00:04:59,570 --> 00:05:01,340
And then home for this homepage.

76
00:05:01,340 --> 00:05:04,950
Skills for skills, experiences, indications, both points.

77
00:05:05,300 --> 00:05:06,050
So this is it.

78
00:05:06,790 --> 00:05:11,060
You know, I'm not headless, and all of these things are going to be the list items I've done on that

79
00:05:11,060 --> 00:05:12,890
list after they're not done.

80
00:05:12,890 --> 00:05:19,190
That will have not one component skills, experiences, education and portfolios.

81
00:05:19,910 --> 00:05:21,360
You can see it in the site now.

82
00:05:22,340 --> 00:05:22,730
Yeah.

83
00:05:24,160 --> 00:05:30,020
Yeah, if you are a you know, you know, you are minimizing this, that will be a side note.

84
00:05:30,070 --> 00:05:33,460
If we click on this, then we'll get to react components and on.

85
00:05:34,060 --> 00:05:39,790
So that is what that thing is for since we are not getting this is the most obvious is not in the stock,

86
00:05:40,240 --> 00:05:47,230
but Bootstrap Joseph responsible for this responsiveness, if you follow the bootstrap, just as I showed

87
00:05:47,230 --> 00:05:48,220
you previously.

88
00:05:51,790 --> 00:05:56,050
If you installing this jazz score jazz bundle, then you'll be able to see that.

89
00:05:56,860 --> 00:05:58,750
OK, so that is what the score is.

90
00:05:58,750 --> 00:05:59,530
Foreign, everything.

91
00:05:59,710 --> 00:06:04,240
Simply, this is basically mostly just emergency and bootstrap styling using WhatsApp.

92
00:06:04,780 --> 00:06:12,040
The main thing is we are importing this link and then using it to link to different routes, all the

93
00:06:12,040 --> 00:06:12,640
components.

94
00:06:13,300 --> 00:06:14,830
So this is how the now works.

95
00:06:15,790 --> 00:06:20,680
We have covered everything about the next hurdle in the next will see the conference one by one, like

96
00:06:20,680 --> 00:06:26,950
about me skills, component experience, component education, component, portfolio component.

97
00:06:27,190 --> 00:06:28,420
Everything will see that.

98
00:06:28,690 --> 00:06:29,590
OK, thank you.