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.