Original subtitles

1 1

So we manually deployed our project to Netlify, 2

2

which is already great of course, 3

3

but we can do a lot better because we as web developers, 4

4

don't like to do things manually. 5

5

So we like to automate things. 6

6

And so that's where Git comes into play. 7

7

So in this lecture we're going to install 8

8

and set up Git on your computer, 9

9

and also open a free account@github.com. 10

10

Now, if you're already familiar with Git and GitHub 11

11

then please mark this video and the next ones as completed, 12

12

and then simply move on to the video where we actually 13

13

deploy the project to Netlify using GitHub. 14

14

Now, okay. 15

15

So let's start by opening up the Git website. 16

16

So that's going to be gitscm 17

17

And so this is where we will download Git from. 18

18

So Git is version control, 19

19

as it says right here. 20

20

So it is a software that runs on your computer 21

21

and you can basically use Git to save snapshots 22

22

of your code over time. 23

23

And then if you need you can go back in time, 24

24

like two older versions of your code, 25

25

if you need to recover some mistake for example, 26

26

and that is really just a tip of the iceberg of everything 27

27

that you can do with Git. 28

28

But anyway, let's now download this software 29

29

and then install it. 30

30

So probably the easiest way of doing it is to click here on 31

31

this installer for your operating system. 32

32

So find this installer here somewhere on your page. 33

33

So if you're on windows probably this looks different, 34

34

but somewhere you will find a link for an installer 35

35

and then simply download that 36

36

and install it on your computer. 37

37

Of course I already have Git. 38

38

And so I will wait for you to finish your installation. 39

39

Now okay. 40

40

So I hope you successfully installed 41

41

Git on your computer. 42

42

And so let's now go back to our code 43

43

and start a so-called repository. 44

44

So let's clear the console here 45

45

and then make sure that in your terminal, 46

46

you are in the project folder. 47

47

So here in this Forkify of folder 48

48

and not inside of any of these child folders 49

49

so really the parent folder 50

50

where your entire application lifts. 51

51

And so now we can write, 52

52

git init. 53

53

Hit enter. 54

54

And so here you see, 55

55

we initialized an empty Git repository in this folder here. 56

56

Then I get this warning here which asks me if I would like 57

57

to add node modules to gitignore 58

58

And if you get the same warning, then please click. 59

59

Yes. 60

60

But if you don't then nevermind, 61

61

we will talk about that in the next video. 62

62

For now what matters here is that you understand 63

63

that basically a repository or as we also call it a repo 64

64

is the fundamental concept of Git. 65

65

So right now in this Forkify folder, 66

66

we created a local repository, 67

67

which will eventually contain all of our code here. 68

68

So all this code, 69

69

which is right now marked in this orange color. 70

70

So you see it that changed 71

71

as soon as we initialized this Git repository. 72

72

So that means that Darryl is actually a very tight 73

73

integration between Git and VS code. 74

74

And that is because really 75

75

all software developers work with Git, 76

76

so everyone needs these features 77

77

and stair for VS code has this very tight integration. 78

78

Now, right now 79

79

none of these files are already in our repository, 80

80

but for now we will actually not add them. 81

81

So I will leave that for the next lecture, 82

82

because in this one all I wanted to do is to configure Git 83

83

and also to open an account on GitHub next. 84

84

And so that's actually go do that. 85

85

So let's, 86

86

search for GitHub. 87

87

And so then it's github.com. 88

88

Now we need GitHub or any other service that is similar to 89

89

GitHub in order to basically store 90

90

or local repository in the cloud. 91

91

So eventually of course 92

92

we will have some code here in this repository, 93

93

and then we will want to save that repository online. 94

94

So for example, 95

95

that we can switch between computers 96

96

or that we can make sure that our code never gets lost. 97

97

And so for that we need an account on some service, 98

98

like GitHub and there's also GitLab, 99

99

or I think GitBucket or something like that. 100

100

But GitHub is by far the most popular one. 101

101

And so let's open up an account here 102

102

in case you don't have one yet 103

103

Now, okay. 104

104

And this is probably how GitHub 105

105

will look like for you after you log in. 106

106

But for now that's not so important. 107

107

Again, we will start working with it in the next lecture. 108

108

For now, what I want to do here 109

109

is to basically connect your local Git installation 110

110

with your GitHub account. 111

111

And so let's do some configuration here. 112

112

So we type Git and by the way as you see, 113

113

Git is basically a command line interface from which we can 114

114

use the software and really do all kinds of stuff. 115

115

Now, there are also some graphical user interfaces for Git 116

116

which many people that don't like to command line prefer. 117

117

But actually in my opinion, 118

118

I think that it's easier to use Git on the command line. 119

119

All right. 120

120

But anyway, what I want to do now here is git config 121

121

and then the option of global. 122

122

And so this will then work in all the reposts you ever 123

123

create on your computer and then user.name. 124

124

And then set this to your username 125

125

that you just chose on GitHub. 126

126

So for me that would be like, Jonah's Schmidt 127

127

or something like that. 128

128

So do this, so write your username 129

129

and then hit enter. 130

130

Which I will not do. 131

131

And then write the same thing again. 132

132

So git config global user and this one email, 133

133

and then here specify the email that you used on GitHub. 134

134

And so with this it will then become a lot easier 135

135

to basically connect your local repositories with GitHub. 136

136

Okay. 137

137

And that's actually it for this set of video 138

138

in the next lecture we will then actually start using Git. 139

139

And after this three part intro to Git 140

140

so after this lecture in the next two ones, 141

141

you will be able to start using it in your own projects. 142

142

And that's actually really important. 143

143

So you really need to start using Git 144

144

because you will use Git in every web development job 145

145

that you will ever find. 146

146

So every developer uses Git 147

147

and also GitHub every single day.