Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
1
00:00:00,907 --> 00:00:02,520
So in this video,
2
2
00:00:02,520 --> 00:00:05,810
we're going to put all our code on to GitHub.
3
3
00:00:05,810 --> 00:00:07,368
Or as we usually say,
4
4
00:00:07,368 --> 00:00:11,170
we're going to push our code to a remote branch,
5
5
00:00:11,170 --> 00:00:12,220
so that we can
6
6
00:00:12,220 --> 00:00:15,245
then set up the continuous integration feature
7
7
00:00:15,245 --> 00:00:18,683
that I talked about before in the next video.
8
8
00:00:20,780 --> 00:00:23,380
And so now here on GitHub,
9
9
00:00:23,380 --> 00:00:26,320
let's click on this plus button here,
10
10
00:00:26,320 --> 00:00:28,770
and create a new repository.
11
11
00:00:28,770 --> 00:00:32,040
Or we could also click right here,
12
12
00:00:32,040 --> 00:00:34,170
so there are going to be multiple ways
13
13
00:00:34,170 --> 00:00:35,991
of creating a New repository
14
14
00:00:35,991 --> 00:00:39,620
because that's basically the most important feature
15
15
00:00:39,620 --> 00:00:40,523
on GitHub.
16
16
00:00:41,670 --> 00:00:42,950
Am I right?
17
17
00:00:42,950 --> 00:00:44,410
Then here, the first thing
18
18
00:00:44,410 --> 00:00:47,940
is that we need to give the repository a name,
19
19
00:00:47,940 --> 00:00:49,317
and I'm going to call it,
20
20
00:00:49,317 --> 00:00:50,993
"fortify-course-video",
21
21
00:00:50,993 --> 00:00:52,837
"fortify-course-video",
22
22
00:00:52,837 --> 00:00:54,164
"fortify-course-video",
23
23
00:00:54,164 --> 00:00:59,164
just so that I know exactly what this repository is about.
24
24
00:00:59,230 --> 00:01:01,740
So I like to be really descriptive here.
25
25
00:01:01,740 --> 00:01:04,070
Then, I'm going to make it private,
26
26
00:01:04,070 --> 00:01:07,563
and so it is no one else can see this repository.
27
27
00:01:09,340 --> 00:01:12,250
Then down here, we have the option to add a README
28
28
00:01:12,250 --> 00:01:16,650
and a .gitignore, but we don't want to do that,
29
29
00:01:16,650 --> 00:01:17,483
okay?
30
30
00:01:17,483 --> 00:01:19,770
So if we added a README right now,
31
31
00:01:19,770 --> 00:01:22,290
then we would create a conflict later on
32
32
00:01:22,290 --> 00:01:23,983
when we import our code.
33
33
00:01:26,010 --> 00:01:29,180
So actually, that's what's saying here right now,
34
34
00:01:29,180 --> 00:01:30,550
so skip this step,
35
35
00:01:30,550 --> 00:01:33,450
if you're importing an existing repository.
36
36
00:01:33,450 --> 00:01:35,303
And so that's what we will do next.
37
37
00:01:36,400 --> 00:01:39,023
So then click on creating repository,
38
38
00:01:39,889 --> 00:01:40,904
(keyboard tapping)
39
39
00:01:40,904 --> 00:01:42,890
and so here we are.
40
40
00:01:42,890 --> 00:01:44,210
Okay.
41
41
00:01:44,210 --> 00:01:49,210
So this year is the URL, basically of or a git repository,
42
42
00:01:49,940 --> 00:01:51,430
but what matters here
43
43
00:01:51,430 --> 00:01:54,320
is that now there are these two scenarios:
44
44
00:01:54,320 --> 00:01:55,690
So there is the scenario
45
45
00:01:55,690 --> 00:01:58,630
that we don't have a repository yet.
46
46
00:01:58,630 --> 00:02:00,850
So I mean, a local one,
47
47
00:02:00,850 --> 00:02:02,530
but that's not the case.
48
48
00:02:02,530 --> 00:02:04,433
So we already have the repository
49
49
00:02:04,433 --> 00:02:06,310
that we have been working on,
50
50
00:02:06,310 --> 00:02:07,790
and so what we want to do now,
51
51
00:02:07,790 --> 00:02:10,518
is to push that existing repository
52
52
00:02:10,518 --> 00:02:13,300
to this online repository.
53
53
00:02:13,300 --> 00:02:15,330
So to this remote repository
54
54
00:02:15,330 --> 00:02:17,430
that we just created here.
55
55
00:02:17,430 --> 00:02:20,120
And so in order to connect these two,
56
56
00:02:20,120 --> 00:02:22,690
we need to copy this line of code
57
57
00:02:22,690 --> 00:02:26,313
and execute it in or a local repository.
58
58
00:02:27,860 --> 00:02:30,583 line:15%
So let's go back, clear this here,
59
59
00:02:31,630 --> 00:02:34,770 line:15%
and then paste it and execute it.
60
60
00:02:34,770 --> 00:02:39,590 line:15%
And so what this did here, was to add a remote branch,
61
61
00:02:39,590 --> 00:02:41,870 line:15%
which is called "origin".
62
62
00:02:41,870 --> 00:02:43,360 line:15%
All right,
63
63
00:02:43,360 --> 00:02:48,030 line:15%
and the URL of that remote branch is called,
64
64
00:02:48,030 --> 00:02:48,863 line:15%
this one here.
65
65
00:02:50,780 --> 00:02:53,360 line:15%
So again, with this, we basically let
66
66
00:02:53,360 --> 00:02:56,090 line:15%
our local repository know about
67
67
00:02:56,090 --> 00:02:58,333 line:15%
this remote repository right here.
68
68
00:02:59,270 --> 00:03:01,840 line:15%
And if we check out our branches, now,
69
69
00:03:01,840 --> 00:03:05,560 line:15%
then that origin branch might actually be there.
70
70
00:03:05,560 --> 00:03:07,080 line:15%
Now I'm not sure if it is,
71
71
00:03:07,080 --> 00:03:08,890 line:15%
but let's check that out.
72
72
00:03:08,890 --> 00:03:09,723 line:15%
So git,
73
73
00:03:10,640 --> 00:03:11,473 line:15%
branch,
74
74
00:03:12,900 --> 00:03:15,260 line:15%
and it actually doesn't say here,
75
75
00:03:15,260 --> 00:03:17,490 line:15%
but that doesn't really matter.
76
76
00:03:17,490 --> 00:03:19,690 line:15%
So this was just to check.
77
77
00:03:19,690 --> 00:03:23,090 line:15%
But what matters is that we can now push code
78
78
00:03:23,090 --> 00:03:27,917 line:15%
to this remote branch, which remember is called "origin".
79
79
00:03:28,880 --> 00:03:31,050 line:15%
And, so the way we do that is
80
80
00:03:31,050 --> 00:03:32,773 line:15%
by writing git,
81
81
00:03:33,727 --> 00:03:35,430 line:15%
push,
82
82
00:03:35,430 --> 00:03:37,430 line:15%
and then the name of the remote brand,
83
83
00:03:37,430 --> 00:03:39,047 line:15%
which is called "origin".
84
84
00:03:40,290 --> 00:03:42,290 line:15%
So that's right here.
85
85
00:03:42,290 --> 00:03:45,090 line:15%
And of course, you could give this one another name,
86
86
00:03:45,090 --> 00:03:47,453 line:15%
but "origin" is simply the standard name.
87
87
00:03:48,290 --> 00:03:50,053 line:15%
So that's what everyone uses.
88
88
00:03:50,910 --> 00:03:52,580 line:15%
So git, push, origin,
89
89
00:03:52,580 --> 00:03:54,200 line:15%
and then the name of the branch
90
90
00:03:54,200 --> 00:03:56,723 line:15%
that you want to, to push.
91
91
00:03:56,723 --> 00:03:58,420 line:15%
(keybooard tapping)
92
92
00:03:58,420 --> 00:03:59,660 line:15%
And so let's say,
93
93
00:03:59,660 --> 00:04:02,083 line:15%
that we only want to push the master branch.
94
94
00:04:03,060 --> 00:04:04,740 line:15%
So, hit Enter,
95
95
00:04:04,740 --> 00:04:08,003 line:15%
and then you will see that it's going to do some work here.
96
96
00:04:09,690 --> 00:04:10,943 line:15%
And now it's done.
97
97
00:04:12,110 --> 00:04:12,943 line:15%
Okay.
98
98
00:04:12,943 --> 00:04:15,010
And so now, if we go to GitHub
99
99
00:04:15,010 --> 00:04:18,179
and reload, or repository here,
100
100
00:04:18,179 --> 00:04:19,012
then,
101
101
00:04:20,040 --> 00:04:21,423
then our code is there.
102
102
00:04:22,489 --> 00:04:24,480
All right.
103
103
00:04:24,480 --> 00:04:25,420
Great!
104
104
00:04:25,420 --> 00:04:29,060
So we successfully pushed our local repository
105
105
00:04:29,060 --> 00:04:31,650
into this remote repository.
106
106
00:04:31,650 --> 00:04:35,000
And so now, if we would work on any other computer,
107
107
00:04:35,000 --> 00:04:39,123
we could go ahead and take our code out of this repository.
108
108
00:04:40,130 --> 00:04:43,040
And you see that indeed, all our code is here,
109
109
00:04:43,040 --> 00:04:44,270
at least all the code
110
110
00:04:44,270 --> 00:04:47,780
that we did not add to the Git ignore file.
111
111
00:04:47,780 --> 00:04:49,960
So that's why you only have to source here now,
112
112
00:04:49,960 --> 00:04:52,963
but not the dist and node modules folders.
113
113
00:04:53,970 --> 00:04:55,970
But everything else is, of course, here.
114
114
00:04:58,090 --> 00:05:02,653
So our index, HTML, and all our source codes.
115
115
00:05:03,610 --> 00:05:05,333
And you can see here,
116
116
00:05:05,333 --> 00:05:07,650
also, the commit messages that we had,
117
117
00:05:07,650 --> 00:05:10,040
and you can see the branches.
118
118
00:05:10,040 --> 00:05:12,600
So right now we only have the master branch,
119
119
00:05:12,600 --> 00:05:16,980
but if we really wanted to keep that other branch as well,
120
120
00:05:16,980 --> 00:05:19,020 line:15%
in our remote repository,
121
121
00:05:19,020 --> 00:05:22,370 line:15%
then we can simply recall this again.
122
122
00:05:22,370 --> 00:05:24,690 line:15%
And so, .git-push-origin,
123
123
00:05:24,690 --> 00:05:26,900 line:15%
and then the name of that other branch,
124
124
00:05:26,900 --> 00:05:29,847 line:15%
which was called "new feature".
125
125
00:05:32,690 --> 00:05:33,583 line:15%
Now, right.
126
126
00:05:35,690 --> 00:05:36,743 line:15%
So ...
127
127
00:05:37,850 --> 00:05:39,370 line:15%
this looks a bit different,
128
128
00:05:39,370 --> 00:05:41,873
but let's see, let's reload.
129
129
00:05:43,970 --> 00:05:45,133
And then here it is.
130
130
00:05:46,867 --> 00:05:47,700
All right.
131
131
00:05:49,000 --> 00:05:52,020
But anyway, let's now add a readme file,
132
132
00:05:52,020 --> 00:05:53,430
which is a common thing
133
133
00:05:53,430 --> 00:05:56,730
that all GitHub repositories should have.
134
134
00:05:56,730 --> 00:06:00,260
So it's basically a file that appears down here
135
135
00:06:00,260 --> 00:06:03,053
with a description of the project.
136
136
00:06:04,990 --> 00:06:08,263
So let's come here, or actually, let's do it from here.
137
137
00:06:09,290 --> 00:06:13,100
So "touch, readme.md",
138
138
00:06:13,100 --> 00:06:16,393
and so we can use or command line scales a little bit.
139
139
00:06:17,390 --> 00:06:19,490
So, here it is.
140
140
00:06:19,490 --> 00:06:23,160
And now to add a title to any MD file.
141
141
00:06:23,160 --> 00:06:25,750
So "MD" stands for "markdown".
142
142
00:06:25,750 --> 00:06:29,760
And so markdown, is like a special typing format
143
143
00:06:29,760 --> 00:06:32,450
that we can use to write simple documents.
144
144
00:06:32,450 --> 00:06:37,167
And so let's give this here a name of, "fortify, project",
145
145
00:06:38,740 --> 00:06:41,170
and then, an empty line.
146
146
00:06:41,170 --> 00:06:43,733
And then here, we can add some description text,
147
147
00:06:44,870 --> 00:06:45,703
let's say,
148
148
00:06:45,703 --> 00:06:50,217
"a recipe application with custom recipe uploads".
149
149
00:06:55,170 --> 00:06:58,623
And so, you can write whatever description you want here.
150
150
00:06:59,500 --> 00:07:02,440
I just want to keep it really short here.
151
151
00:07:02,440 --> 00:07:06,070
And now, let's go through the same process, as before,
152
152
00:07:06,070 --> 00:07:09,490
so that we can also upload this file.
153
153
00:07:09,490 --> 00:07:12,050
So basically, upload this modification
154
154
00:07:12,050 --> 00:07:14,880
to our remote repository as well.
155
155
00:07:14,880 --> 00:07:16,570
So as always, we need to start
156
156
00:07:16,570 --> 00:07:20,033
by adding this new file to the staging area,
157
157
00:07:21,120 --> 00:07:23,313
then, we need to commit it.
158
158
00:07:25,260 --> 00:07:27,770
So git commit message.
159
159
00:07:27,770 --> 00:07:31,920
And then here a nice, descriptive, message.
160
160
00:07:31,920 --> 00:07:36,920
So edit, the readme, and then git-push-origin, master.
161
161
00:07:45,060 --> 00:07:46,820
So let's wait for it.
162
162
00:07:46,820 --> 00:07:48,949
And now if we come here,
163
163
00:07:48,949 --> 00:07:53,949
you see that we had, 26 minutes ago, we had two commits,
164
164
00:07:54,760 --> 00:07:57,450
and this here is the latest commit message.
165
165
00:07:57,450 --> 00:07:59,173
And now as we reload this,
166
166
00:08:00,250 --> 00:08:03,590
then you'll see, we now have three commits.
167
167
00:08:03,590 --> 00:08:05,740
This is the latest commit message.
168
168
00:08:05,740 --> 00:08:08,980
And indeed, down here now appears,
169
169
00:08:08,980 --> 00:08:10,780
this description that we just added.
170
170
00:08:11,670 --> 00:08:13,140
Great!
171
171
00:08:13,140 --> 00:08:17,930
Now, if you wanted to now start working on another computer,
172
172
00:08:17,930 --> 00:08:21,145
you could simply go to this button here, copy this URL,
173
173
00:08:21,145 --> 00:08:24,873
and then do the opposite, which is pull.
174
174
00:08:25,760 --> 00:08:27,220
Okay.
175
175
00:08:27,220 --> 00:08:30,376
Now, many times when we create a new repository,
176
176
00:08:30,376 --> 00:08:31,209
we actually do it the other way around.
177
177
00:08:31,209 --> 00:08:36,209
So, we start with a new repository on GitHub,
178
178
00:08:37,340 --> 00:08:38,880
then we give it a name,
179
179
00:08:38,880 --> 00:08:42,350
and then we actually add a readme here,
180
180
00:08:42,350 --> 00:08:46,900
and also a git ignore, then we create that repository,
181
181
00:08:46,900 --> 00:08:50,620
and then we pull that repo onto our computer.
182
182
00:08:50,620 --> 00:08:51,510
And so this,
183
183
00:08:51,510 --> 00:08:55,170
then actually, automatically connects the local repository
184
184
00:08:55,170 --> 00:08:56,820
with the remote one.
185
185
00:08:56,820 --> 00:09:00,540
And so that makes things a little bit easier.
186
186
00:09:00,540 --> 00:09:03,159
So a lot of times I do it like this, but in this case,
187
187
00:09:03,159 --> 00:09:07,790
we already had the local repository with all our code.
188
188
00:09:07,790 --> 00:09:09,370
And so, therefore,
189
189
00:09:09,370 --> 00:09:13,530
we needed to create this repository really empty.
190
190
00:09:13,530 --> 00:09:15,790
So just the way that we did it.
191
191
00:09:15,790 --> 00:09:17,010
Okay.
192
192
00:09:17,010 --> 00:09:17,843
But anyway,
193
193
00:09:17,843 --> 00:09:22,290
let's go back here to our remote Git repository now,
194
194
00:09:22,290 --> 00:09:23,600
so that in the next video,
195
195
00:09:23,600 --> 00:09:27,380
we can finally set up the continuous integration feature
196
196
00:09:27,380 --> 00:09:28,653
with netlify.
16324
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.