WEBVTT 1 00:00:00.927 --> 00:00:05.390 So we manually deployed our project to Netlify, 2 00:00:05.390 --> 00:00:08.140 which is already great of course, 3 00:00:08.140 --> 00:00:13.140 but we can do a lot better because we as web developers, 4 00:00:13.150 --> 00:00:15.810 don't like to do things manually. 5 00:00:15.810 --> 00:00:18.370 So we like to automate things. 6 00:00:18.370 --> 00:00:21.590 And so that's where Git comes into play. 7 00:00:21.590 --> 00:00:24.040 So in this lecture we're going to install 8 00:00:24.040 --> 00:00:26.367 and set up Git on your computer, 9 00:00:26.367 --> 00:00:31.320 and also open a free account@github.com. 10 00:00:31.320 --> 00:00:35.150 Now, if you're already familiar with Git and GitHub 11 00:00:35.150 --> 00:00:38.857 then please mark this video and the next ones as completed, 12 00:00:38.857 --> 00:00:42.690 and then simply move on to the video where we actually 13 00:00:42.690 --> 00:00:46.603 deploy the project to Netlify using GitHub. 14 00:00:48.260 --> 00:00:49.390 Now, okay. 15 00:00:49.390 --> 00:00:54.390 So let's start by opening up the Git website. 16 00:00:54.530 --> 00:00:57.750 So that's going to be gitscm 17 00:00:57.750 --> 00:01:01.050 And so this is where we will download Git from. 18 00:01:01.050 --> 00:01:03.526 So Git is version control, 19 00:01:03.526 --> 00:01:06.220 as it says right here. 20 00:01:06.220 --> 00:01:09.860 So it is a software that runs on your computer 21 00:01:09.860 --> 00:01:13.640 and you can basically use Git to save snapshots 22 00:01:13.640 --> 00:01:15.920 of your code over time. 23 00:01:15.920 --> 00:01:19.170 And then if you need you can go back in time, 24 00:01:19.170 --> 00:01:22.140 like two older versions of your code, 25 00:01:22.140 --> 00:01:25.540 if you need to recover some mistake for example, 26 00:01:25.540 --> 00:01:29.580 and that is really just a tip of the iceberg of everything 27 00:01:29.580 --> 00:01:32.120 that you can do with Git. 28 00:01:32.120 --> 00:01:34.820 But anyway, let's now download this software 29 00:01:35.970 --> 00:01:37.980 and then install it. 30 00:01:37.980 --> 00:01:42.130 So probably the easiest way of doing it is to click here on 31 00:01:42.130 --> 00:01:45.460 this installer for your operating system. 32 00:01:45.460 --> 00:01:49.150 So find this installer here somewhere on your page. 33 00:01:49.150 --> 00:01:52.760 So if you're on windows probably this looks different, 34 00:01:52.760 --> 00:01:56.200 but somewhere you will find a link for an installer 35 00:01:56.200 --> 00:01:57.790 and then simply download that 36 00:01:57.790 --> 00:02:00.420 and install it on your computer. 37 00:02:00.420 --> 00:02:02.550 Of course I already have Git. 38 00:02:02.550 --> 00:02:06.083 And so I will wait for you to finish your installation. 39 00:02:07.826 --> 00:02:08.770 Now okay. 40 00:02:08.770 --> 00:02:10.903 So I hope you successfully installed 41 00:02:10.903 --> 00:02:13.120 Git on your computer. 42 00:02:13.120 --> 00:02:15.580 And so let's now go back to our code 43 00:02:15.580 --> 00:02:18.563 and start a so-called repository. 44 00:02:19.520 --> 00:02:21.660 So let's clear the console here 45 00:02:21.660 --> 00:02:23.940 and then make sure that in your terminal, 46 00:02:23.940 --> 00:02:25.950 you are in the project folder. 47 00:02:25.950 --> 00:02:28.910 So here in this Forkify of folder 48 00:02:28.910 --> 00:02:32.820 and not inside of any of these child folders 49 00:02:32.820 --> 00:02:34.600 so really the parent folder 50 00:02:34.600 --> 00:02:37.310 where your entire application lifts. 51 00:02:37.310 --> 00:02:39.003 And so now we can write, 52 00:02:39.980 --> 00:02:41.813 git init. 53 00:02:42.720 --> 00:02:43.940 Hit enter. 54 00:02:43.940 --> 00:02:45.910 And so here you see, 55 00:02:45.910 --> 00:02:50.910 we initialized an empty Git repository in this folder here. 56 00:02:51.100 --> 00:02:54.850 Then I get this warning here which asks me if I would like 57 00:02:54.850 --> 00:02:57.560 to add node modules to gitignore 58 00:02:57.560 --> 00:03:00.330 And if you get the same warning, then please click. 59 00:03:00.330 --> 00:03:01.163 Yes. 60 00:03:02.690 --> 00:03:04.900 But if you don't then nevermind, 61 00:03:04.900 --> 00:03:07.830 we will talk about that in the next video. 62 00:03:07.830 --> 00:03:10.900 For now what matters here is that you understand 63 00:03:10.900 --> 00:03:15.488 that basically a repository or as we also call it a repo 64 00:03:15.488 --> 00:03:19.180 is the fundamental concept of Git. 65 00:03:19.180 --> 00:03:21.890 So right now in this Forkify folder, 66 00:03:21.890 --> 00:03:24.300 we created a local repository, 67 00:03:24.300 --> 00:03:28.200 which will eventually contain all of our code here. 68 00:03:28.200 --> 00:03:29.360 So all this code, 69 00:03:29.360 --> 00:03:32.537 which is right now marked in this orange color. 70 00:03:32.537 --> 00:03:34.630 So you see it that changed 71 00:03:34.630 --> 00:03:38.350 as soon as we initialized this Git repository. 72 00:03:38.350 --> 00:03:41.640 So that means that Darryl is actually a very tight 73 00:03:41.640 --> 00:03:45.010 integration between Git and VS code. 74 00:03:45.010 --> 00:03:46.522 And that is because really 75 00:03:46.522 --> 00:03:50.190 all software developers work with Git, 76 00:03:50.190 --> 00:03:52.250 so everyone needs these features 77 00:03:52.250 --> 00:03:56.353 and stair for VS code has this very tight integration. 78 00:03:57.200 --> 00:03:58.180 Now, right now 79 00:03:58.180 --> 00:04:01.363 none of these files are already in our repository, 80 00:04:02.200 --> 00:04:05.010 but for now we will actually not add them. 81 00:04:05.010 --> 00:04:07.230 So I will leave that for the next lecture, 82 00:04:07.230 --> 00:04:11.270 because in this one all I wanted to do is to configure Git 83 00:04:11.270 --> 00:04:15.200 and also to open an account on GitHub next. 84 00:04:15.200 --> 00:04:17.153 And so that's actually go do that. 85 00:04:18.460 --> 00:04:19.763 So let's, 86 00:04:20.660 --> 00:04:21.843 search for GitHub. 87 00:04:23.520 --> 00:04:26.770 And so then it's github.com. 88 00:04:26.770 --> 00:04:30.510 Now we need GitHub or any other service that is similar to 89 00:04:30.510 --> 00:04:33.550 GitHub in order to basically store 90 00:04:33.550 --> 00:04:37.080 or local repository in the cloud. 91 00:04:37.080 --> 00:04:39.030 So eventually of course 92 00:04:39.030 --> 00:04:42.000 we will have some code here in this repository, 93 00:04:42.000 --> 00:04:45.610 and then we will want to save that repository online. 94 00:04:45.610 --> 00:04:46.540 So for example, 95 00:04:46.540 --> 00:04:48.910 that we can switch between computers 96 00:04:48.910 --> 00:04:53.170 or that we can make sure that our code never gets lost. 97 00:04:53.170 --> 00:04:56.420 And so for that we need an account on some service, 98 00:04:56.420 --> 00:04:59.560 like GitHub and there's also GitLab, 99 00:04:59.560 --> 00:05:03.540 or I think GitBucket or something like that. 100 00:05:03.540 --> 00:05:06.890 But GitHub is by far the most popular one. 101 00:05:06.890 --> 00:05:09.740 And so let's open up an account here 102 00:05:09.740 --> 00:05:11.260 in case you don't have one yet 103 00:05:13.580 --> 00:05:14.413 Now, okay. 104 00:05:14.413 --> 00:05:16.620 And this is probably how GitHub 105 00:05:16.620 --> 00:05:19.650 will look like for you after you log in. 106 00:05:19.650 --> 00:05:22.510 But for now that's not so important. 107 00:05:22.510 --> 00:05:27.230 Again, we will start working with it in the next lecture. 108 00:05:27.230 --> 00:05:29.180 For now, what I want to do here 109 00:05:29.180 --> 00:05:33.290 is to basically connect your local Git installation 110 00:05:33.290 --> 00:05:36.000 with your GitHub account. 111 00:05:36.000 --> 00:05:38.720 And so let's do some configuration here. 112 00:05:38.720 --> 00:05:42.820 So we type Git and by the way as you see, 113 00:05:42.820 --> 00:05:47.690 Git is basically a command line interface from which we can 114 00:05:47.690 --> 00:05:51.820 use the software and really do all kinds of stuff. 115 00:05:51.820 --> 00:05:56.150 Now, there are also some graphical user interfaces for Git 116 00:05:56.150 --> 00:06:00.430 which many people that don't like to command line prefer. 117 00:06:00.430 --> 00:06:02.640 But actually in my opinion, 118 00:06:02.640 --> 00:06:06.916 I think that it's easier to use Git on the command line. 119 00:06:06.916 --> 00:06:08.540 All right. 120 00:06:08.540 --> 00:06:11.960 But anyway, what I want to do now here is git config 121 00:06:12.870 --> 00:06:16.020 and then the option of global. 122 00:06:16.020 --> 00:06:18.860 And so this will then work in all the reposts you ever 123 00:06:18.860 --> 00:06:23.273 create on your computer and then user.name. 124 00:06:24.180 --> 00:06:26.230 And then set this to your username 125 00:06:26.230 --> 00:06:28.123 that you just chose on GitHub. 126 00:06:29.170 --> 00:06:32.720 So for me that would be like, Jonah's Schmidt 127 00:06:32.720 --> 00:06:34.780 or something like that. 128 00:06:34.780 --> 00:06:38.060 So do this, so write your username 129 00:06:38.060 --> 00:06:40.010 and then hit enter. 130 00:06:40.010 --> 00:06:41.233 Which I will not do. 131 00:06:42.690 --> 00:06:44.980 And then write the same thing again. 132 00:06:44.980 --> 00:06:49.567 So git config global user and this one email, 133 00:06:49.567 --> 00:06:53.540 and then here specify the email that you used on GitHub. 134 00:06:53.540 --> 00:06:56.640 And so with this it will then become a lot easier 135 00:06:56.640 --> 00:07:01.640 to basically connect your local repositories with GitHub. 136 00:07:02.230 --> 00:07:03.390 Okay. 137 00:07:03.390 --> 00:07:07.230 And that's actually it for this set of video 138 00:07:07.230 --> 00:07:11.610 in the next lecture we will then actually start using Git. 139 00:07:11.610 --> 00:07:14.960 And after this three part intro to Git 140 00:07:14.960 --> 00:07:17.730 so after this lecture in the next two ones, 141 00:07:17.730 --> 00:07:22.180 you will be able to start using it in your own projects. 142 00:07:22.180 --> 00:07:24.250 And that's actually really important. 143 00:07:24.250 --> 00:07:26.740 So you really need to start using Git 144 00:07:26.740 --> 00:07:30.850 because you will use Git in every web development job 145 00:07:30.850 --> 00:07:32.640 that you will ever find. 146 00:07:32.640 --> 00:07:34.820 So every developer uses Git 147 00:07:34.820 --> 00:07:37.383 and also GitHub every single day.