Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
1
00:00:00,927 --> 00:00:05,390
So we manually deployed our project to Netlify,
2
2
00:00:05,390 --> 00:00:08,140
which is already great of course,
3
3
00:00:08,140 --> 00:00:13,140
but we can do a lot better because we as web developers,
4
4
00:00:13,150 --> 00:00:15,810
don't like to do things manually.
5
5
00:00:15,810 --> 00:00:18,370
So we like to automate things.
6
6
00:00:18,370 --> 00:00:21,590
And so that's where Git comes into play.
7
7
00:00:21,590 --> 00:00:24,040
So in this lecture we're going to install
8
8
00:00:24,040 --> 00:00:26,367
and set up Git on your computer,
9
9
00:00:26,367 --> 00:00:31,320
and also open a free account@github.com.
10
10
00:00:31,320 --> 00:00:35,150
Now, if you're already familiar with Git and GitHub
11
11
00:00:35,150 --> 00:00:38,857
then please mark this video and the next ones as completed,
12
12
00:00:38,857 --> 00:00:42,690
and then simply move on to the video where we actually
13
13
00:00:42,690 --> 00:00:46,603
deploy the project to Netlify using GitHub.
14
14
00:00:48,260 --> 00:00:49,390
Now, okay.
15
15
00:00:49,390 --> 00:00:54,390
So let's start by opening up the Git website.
16
16
00:00:54,530 --> 00:00:57,750
So that's going to be gitscm
17
17
00:00:57,750 --> 00:01:01,050
And so this is where we will download Git from.
18
18
00:01:01,050 --> 00:01:03,526
So Git is version control,
19
19
00:01:03,526 --> 00:01:06,220
as it says right here.
20
20
00:01:06,220 --> 00:01:09,860
So it is a software that runs on your computer
21
21
00:01:09,860 --> 00:01:13,640
and you can basically use Git to save snapshots
22
22
00:01:13,640 --> 00:01:15,920
of your code over time.
23
23
00:01:15,920 --> 00:01:19,170
And then if you need you can go back in time,
24
24
00:01:19,170 --> 00:01:22,140
like two older versions of your code,
25
25
00:01:22,140 --> 00:01:25,540
if you need to recover some mistake for example,
26
26
00:01:25,540 --> 00:01:29,580
and that is really just a tip of the iceberg of everything
27
27
00:01:29,580 --> 00:01:32,120
that you can do with Git.
28
28
00:01:32,120 --> 00:01:34,820
But anyway, let's now download this software
29
29
00:01:35,970 --> 00:01:37,980
and then install it.
30
30
00:01:37,980 --> 00:01:42,130
So probably the easiest way of doing it is to click here on
31
31
00:01:42,130 --> 00:01:45,460
this installer for your operating system.
32
32
00:01:45,460 --> 00:01:49,150
So find this installer here somewhere on your page.
33
33
00:01:49,150 --> 00:01:52,760
So if you're on windows probably this looks different,
34
34
00:01:52,760 --> 00:01:56,200
but somewhere you will find a link for an installer
35
35
00:01:56,200 --> 00:01:57,790
and then simply download that
36
36
00:01:57,790 --> 00:02:00,420
and install it on your computer.
37
37
00:02:00,420 --> 00:02:02,550
Of course I already have Git.
38
38
00:02:02,550 --> 00:02:06,083
And so I will wait for you to finish your installation.
39
39
00:02:07,826 --> 00:02:08,770
Now okay.
40
40
00:02:08,770 --> 00:02:10,903
So I hope you successfully installed
41
41
00:02:10,903 --> 00:02:13,120
Git on your computer.
42
42
00:02:13,120 --> 00:02:15,580
And so let's now go back to our code
43
43
00:02:15,580 --> 00:02:18,563
and start a so-called repository.
44
44
00:02:19,520 --> 00:02:21,660
So let's clear the console here
45
45
00:02:21,660 --> 00:02:23,940
and then make sure that in your terminal,
46
46
00:02:23,940 --> 00:02:25,950
you are in the project folder.
47
47
00:02:25,950 --> 00:02:28,910
So here in this Forkify of folder
48
48
00:02:28,910 --> 00:02:32,820
and not inside of any of these child folders
49
49
00:02:32,820 --> 00:02:34,600
so really the parent folder
50
50
00:02:34,600 --> 00:02:37,310
where your entire application lifts.
51
51
00:02:37,310 --> 00:02:39,003
And so now we can write,
52
52
00:02:39,980 --> 00:02:41,813
git init.
53
53
00:02:42,720 --> 00:02:43,940
Hit enter.
54
54
00:02:43,940 --> 00:02:45,910
And so here you see,
55
55
00:02:45,910 --> 00:02:50,910
we initialized an empty Git repository in this folder here.
56
56
00:02:51,100 --> 00:02:54,850
Then I get this warning here which asks me if I would like
57
57
00:02:54,850 --> 00:02:57,560
to add node modules to gitignore
58
58
00:02:57,560 --> 00:03:00,330
And if you get the same warning, then please click.
59
59
00:03:00,330 --> 00:03:01,163
Yes.
60
60
00:03:02,690 --> 00:03:04,900
But if you don't then nevermind,
61
61
00:03:04,900 --> 00:03:07,830
we will talk about that in the next video.
62
62
00:03:07,830 --> 00:03:10,900
For now what matters here is that you understand
63
63
00:03:10,900 --> 00:03:15,488
that basically a repository or as we also call it a repo
64
64
00:03:15,488 --> 00:03:19,180
is the fundamental concept of Git.
65
65
00:03:19,180 --> 00:03:21,890
So right now in this Forkify folder,
66
66
00:03:21,890 --> 00:03:24,300
we created a local repository,
67
67
00:03:24,300 --> 00:03:28,200
which will eventually contain all of our code here.
68
68
00:03:28,200 --> 00:03:29,360
So all this code,
69
69
00:03:29,360 --> 00:03:32,537
which is right now marked in this orange color.
70
70
00:03:32,537 --> 00:03:34,630
So you see it that changed
71
71
00:03:34,630 --> 00:03:38,350
as soon as we initialized this Git repository.
72
72
00:03:38,350 --> 00:03:41,640
So that means that Darryl is actually a very tight
73
73
00:03:41,640 --> 00:03:45,010
integration between Git and VS code.
74
74
00:03:45,010 --> 00:03:46,522
And that is because really
75
75
00:03:46,522 --> 00:03:50,190
all software developers work with Git,
76
76
00:03:50,190 --> 00:03:52,250
so everyone needs these features
77
77
00:03:52,250 --> 00:03:56,353
and stair for VS code has this very tight integration.
78
78
00:03:57,200 --> 00:03:58,180
Now, right now
79
79
00:03:58,180 --> 00:04:01,363
none of these files are already in our repository,
80
80
00:04:02,200 --> 00:04:05,010
but for now we will actually not add them.
81
81
00:04:05,010 --> 00:04:07,230
So I will leave that for the next lecture,
82
82
00:04:07,230 --> 00:04:11,270
because in this one all I wanted to do is to configure Git
83
83
00:04:11,270 --> 00:04:15,200
and also to open an account on GitHub next.
84
84
00:04:15,200 --> 00:04:17,153
And so that's actually go do that.
85
85
00:04:18,460 --> 00:04:19,763
So let's,
86
86
00:04:20,660 --> 00:04:21,843
search for GitHub.
87
87
00:04:23,520 --> 00:04:26,770
And so then it's github.com.
88
88
00:04:26,770 --> 00:04:30,510
Now we need GitHub or any other service that is similar to
89
89
00:04:30,510 --> 00:04:33,550
GitHub in order to basically store
90
90
00:04:33,550 --> 00:04:37,080
or local repository in the cloud.
91
91
00:04:37,080 --> 00:04:39,030
So eventually of course
92
92
00:04:39,030 --> 00:04:42,000
we will have some code here in this repository,
93
93
00:04:42,000 --> 00:04:45,610
and then we will want to save that repository online.
94
94
00:04:45,610 --> 00:04:46,540
So for example,
95
95
00:04:46,540 --> 00:04:48,910
that we can switch between computers
96
96
00:04:48,910 --> 00:04:53,170
or that we can make sure that our code never gets lost.
97
97
00:04:53,170 --> 00:04:56,420
And so for that we need an account on some service,
98
98
00:04:56,420 --> 00:04:59,560
like GitHub and there's also GitLab,
99
99
00:04:59,560 --> 00:05:03,540
or I think GitBucket or something like that.
100
100
00:05:03,540 --> 00:05:06,890
But GitHub is by far the most popular one.
101
101
00:05:06,890 --> 00:05:09,740
And so let's open up an account here
102
102
00:05:09,740 --> 00:05:11,260
in case you don't have one yet
103
103
00:05:13,580 --> 00:05:14,413
Now, okay.
104
104
00:05:14,413 --> 00:05:16,620
And this is probably how GitHub
105
105
00:05:16,620 --> 00:05:19,650
will look like for you after you log in.
106
106
00:05:19,650 --> 00:05:22,510
But for now that's not so important.
107
107
00:05:22,510 --> 00:05:27,230
Again, we will start working with it in the next lecture.
108
108
00:05:27,230 --> 00:05:29,180
For now, what I want to do here
109
109
00:05:29,180 --> 00:05:33,290
is to basically connect your local Git installation
110
110
00:05:33,290 --> 00:05:36,000
with your GitHub account.
111
111
00:05:36,000 --> 00:05:38,720
And so let's do some configuration here.
112
112
00:05:38,720 --> 00:05:42,820
So we type Git and by the way as you see,
113
113
00:05:42,820 --> 00:05:47,690
Git is basically a command line interface from which we can
114
114
00:05:47,690 --> 00:05:51,820
use the software and really do all kinds of stuff.
115
115
00:05:51,820 --> 00:05:56,150
Now, there are also some graphical user interfaces for Git
116
116
00:05:56,150 --> 00:06:00,430
which many people that don't like to command line prefer.
117
117
00:06:00,430 --> 00:06:02,640
But actually in my opinion,
118
118
00:06:02,640 --> 00:06:06,916
I think that it's easier to use Git on the command line.
119
119
00:06:06,916 --> 00:06:08,540
All right.
120
120
00:06:08,540 --> 00:06:11,960
But anyway, what I want to do now here is git config
121
121
00:06:12,870 --> 00:06:16,020
and then the option of global.
122
122
00:06:16,020 --> 00:06:18,860
And so this will then work in all the reposts you ever
123
123
00:06:18,860 --> 00:06:23,273
create on your computer and then user.name.
124
124
00:06:24,180 --> 00:06:26,230
And then set this to your username
125
125
00:06:26,230 --> 00:06:28,123
that you just chose on GitHub.
126
126
00:06:29,170 --> 00:06:32,720
So for me that would be like, Jonah's Schmidt
127
127
00:06:32,720 --> 00:06:34,780
or something like that.
128
128
00:06:34,780 --> 00:06:38,060
So do this, so write your username
129
129
00:06:38,060 --> 00:06:40,010
and then hit enter.
130
130
00:06:40,010 --> 00:06:41,233
Which I will not do.
131
131
00:06:42,690 --> 00:06:44,980
And then write the same thing again.
132
132
00:06:44,980 --> 00:06:49,567
So git config global user and this one email,
133
133
00:06:49,567 --> 00:06:53,540
and then here specify the email that you used on GitHub.
134
134
00:06:53,540 --> 00:06:56,640
And so with this it will then become a lot easier
135
135
00:06:56,640 --> 00:07:01,640
to basically connect your local repositories with GitHub.
136
136
00:07:02,230 --> 00:07:03,390
Okay.
137
137
00:07:03,390 --> 00:07:07,230
And that's actually it for this set of video
138
138
00:07:07,230 --> 00:07:11,610
in the next lecture we will then actually start using Git.
139
139
00:07:11,610 --> 00:07:14,960
And after this three part intro to Git
140
140
00:07:14,960 --> 00:07:17,730
so after this lecture in the next two ones,
141
141
00:07:17,730 --> 00:07:22,180
you will be able to start using it in your own projects.
142
142
00:07:22,180 --> 00:07:24,250
And that's actually really important.
143
143
00:07:24,250 --> 00:07:26,740
So you really need to start using Git
144
144
00:07:26,740 --> 00:07:30,850
because you will use Git in every web development job
145
145
00:07:30,850 --> 00:07:32,640
that you will ever find.
146
146
00:07:32,640 --> 00:07:34,820
So every developer uses Git
147
147
00:07:34,820 --> 00:07:37,383
and also GitHub every single day.
12566
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.