Master Git (Version Control) in One Video From Scratch

Key Takeaways

hey little guys how all word welcome to a new video from pipe inves today I'm gonna talk about a real nice thing I'm gonna learn we're gonna master lick get so get version is like a version or distributed version control and this video I'm just gonna go through from A to Z about again and learn everything about gear so you can just stop using it on your project as a web developer or ask any any kind of develop out there start using it right out of the box after watching this video tutorial so hopefully you can enjoy this video tutorial and let's just start learning yet so this is the first car this is the full guide of mastering get or mastering the version control let's stop with us what is get so the most of the people starts learning it they usually ask this question what is get so yet is a distributed version control or you can say just a version control system and it's free and open source before everyone and open source reality is no subscription no paid like subscription or no PD use no whatsoever and also open source so everyone can calibrate enhancing and improving it all the time it's fully designed to handle any type of projects so big projects small projects any type of scale projects get is designed to handle this type of project also get allow you to share any work in calibrate on code projects among developers not only code project buttons widely or mostly use it for code projects you can share other projects like a word like PowerPoint project like that simple project part there they are like usually used for code projects and big code project among developers and one of the user why all the companies just as you have ever heard about Facebook Microsoft whatever like just like anything anything out there isn't about a big company a big developer team yeah it is using it because it just that also gives teams can use get with no problems to manage their work even since they were gonna work remotely like freelancers or something work from one from China the other one from the other side of the word so they can work remotely on the same code base without complexion and on a really nice collaborative way so this is what about gate this is what actually did yes let's see the main idea behind yet so how actually get works great so first things first with a gift what you do is created a repository in one of the get very control web houses so like probably like all of you have heard about the github they get we like the git repositories the main repository is container the github holds a git repositories a lot of them so each repository represents a game project is being part by get technology so you need a web hosting like github bitbucket some of them are free only for open source projects so you all you only can upload open source a free of charge project for free like the github or bitbucket you can upload either private or open source and public projects for for free for for your team for Mike actually a maximum team members and let all those you collaborate with you are the same project without complexion and make changes only by your permission so if you are like the owner of this repository and there's like another people who are actually collaborating in the same projects we as you and you are the owner of the actual puzzle so they can't do any changes or they can't commit any changes unless you approve those like changes so you need to like over check them then approve if that so that's what makes it looks absolutely great also the teams can work together they can change like piece of codes like like about or like this how the whole team is working on the same Co projects so each one is working on a separate feature then the whole features and made the website or something list without complexion so each one of them has his own version without conflicting with the other one like version and they have the same version also get opposite the hosting leader on the most famous version controlled hosting if you don't know that you probably know about that's free for open source only so let's start learning get by practice in this so let's go ahead and just dive with a real word example in here you know as can see I have like a very simple project let's say this is gonna be like a very very basic website on how many a distribution over that holds the index.html let's say this like the main page of the website and how much style.css that represents our main style and we have the name j/s which hold actually only the script that I'm gonna have it's basically halts in hello world will function that only console.log hello word to the the console and just an index.html style has like simple styles so let's say that we have been working on this code project for like our own for a real long time right now and like someone has joined us so let's say someone ask we want to join or I won't actually join into your project I want to work with you on this website so you have your friend lives on the other side of the world and you want to show this code and work together on this skill so let's see how actually in this particular case you can share with him and you can take closer look by explaining the basics you get and try to master things up and get so first things first what you need we get you need like the terminal we get so we need to go up general evil CMV on Windows or Linux terminals if your Mac or Linux and but what I like about this Visual Studio code code editor is it has an integrated terminal that can work with bash if you don't know bash or shell is like in Linux integrated terminal language so yeah this we can work with it right over the box so just control a stroke you can go back or you can go to the View and degree terminal and you can grab this terminal right of the box so here's get we can grab get from here also make sure to install get your system if it's not already now nowadays operation systems comes with gear pre-installed so I'm not gonna explain that if you don't have get you can go ahead and search it before Google and you can install it Linux and Mac I'm pretty sure about that that's they have this pre-installed for Windows you can go ahead and search dialog it and it just gonna have the executable installer in you are ready to go so after making sure that get is like installed on your machine now you are ready to start learning yet so forget to work or two first things first we need to do with get whenever you want to like initialize your project will get is initialize a repository so you make your projects like a repository so make sure your aren't under the root of your project so the root means that the base holder or the base directory of your projects here we are in the end of the bay style to which holds all the files from here we can stop initializing this so by the command get and Nitz so just type in getting at what Allah was to initialize getting it and sure and this command as you can see initialized empty repository under this get to be whatever path of your of your projects and if the dog gets photos if you can notice that it's just gonna go ahead and create like a non like viewable folder into your projects which folder and you can see the color change of our files so depending on your code editor features Tirico support gets a version someone a so as you can see we get like like a green color that show us that this is an unstaged file and we are actually that means we are good to go so this fist first command allows you to initialize it get repository now after initializing a git repository what you usually need to do is to check the status or you need to add files into this repository now the paws are under your projects are not yet and don't they get repository now the git repository is empty till you add some to it so the files you add is from your chosen so you choose what to add on spice so if you can go ahead and type git status this command allows you to show or to see the actual status of your git repository so make sure you are into the root file of your project and get status and as you can see gets you gives you know commits since we have no commands yet and those like for the red things are the files that we are fully going to add to the or we actually can add into the git repository so we can add media's you can add environment file and pretty much the vampire much far we're gonna have like some configuration just doesn't come configuration and the distribution folder which hold both of the paths on it says the distribution for us last means that the distribution folder also all of the children or all of the files included into this directory pretty basic so the red means those files are not yet into the kadhi repository so to add them just use get add and to add all of the files whatever files you have into the working directory you use the dot the dot means add all the files into our git repository else if you want to specify that make sure to go ahead and and it was like quotations and saying which filenames you can add you can use like drop environments you can use distribution forever slash but what people usually do is like using the gets and they can use the dot and all of the being like the file is gonna be added into the repository now before doing that we have to talk about something they get it you know so if you have seen like some kind or repulser or you'll have like a files you don't want the whole files to be synced with the git repository or the whole files to be like uploaded into the github or your whatever the hosting you have so or other to the git repository so let's say what like usually people do the top environments is not like a file you need to share with our field people so what usually the top environment file holds some kind of like sincerity I like your database name your database password your username and password an email and all of yours like specifics instead of Vienna so you don't want to share that publicly on github so you you don't want to commit that or others even to the repository that's where the get ignored comes so what I get you ignore is it like a piece of file but you put directories into that or like a file paths into this folder whenever you try to add files into your container gonna check for that pal if it does exist it counts this and try to exclude any files our end of this particular ignore file from adding these files into the staging area or end or D and get repository by the way I didn't listen to your opossum Mike knows by be staging like press or the staging area so for adding that go ahead and enter your root directory and type dot make sure to daunt ignored so ignore and make sure to type in this write names it's very like a very important thing to put this particular name and here we've got the get ignored 5 so this get wanna fight what it does it just gonna tell which one you should consider pushing to the repository and which you shouldn't so here if you can try the top environments into that it shouldn't like added this under the get a posture you know if we try to clear things up and go ahead again with this gift status we type this and you can see we get no get or no don't environment file like into the status which means it doesn't count this get doesn't know about the top environment and it won't actually push this and to get out for somewhere else and so you are safe and you are good to go so now the docking environments how is being described now also as you can see here we've got a problem is the get ignored itself is it's not being destroyed at all so you can go ahead and also add this into the get ignore so himself into so very very easy thing so go ahead get started again and do that and boom we've got everything works and pretty much fine now everything always works let's go ahead and add the files which means the distribution and the main Thanh Jas so get add and the dot means everything after that now everything is going to be add into our repository enough to take a look don't take care about this like low space so if you can take a look get status and put that and you get this with the green now so those are into the commits so all you can do now is you can commit this so now get is keeping track of those files that you have add into the stage area so now whatever changes you do to any file but you have adding to this get would know about that and it can adjust modify about you have done it changes and you need to add these changes to the staging area I know not to be kemper you know what to get committed now this is like the most important think about in the as you can see to any stage files or to remove files from here you can use the get remove which we're gonna cover later on on this video but for now let's go ahead with a simple thing so now we have the files into the tract or into the stage area so the first things we need or you actually need to do with any repository is to do an initial commit an initial communities first commits first commit at all you add into your repository commit actually holds your files or your code and into a particular area so let's say you have a done like this feature this function hello world and you've committed your world so the commit that you have like just submitted only has the hello world after like adding another function after the commit the commit the first command won't know about this hello world it only has the hello world though it won't know about actually about the new function that you have just add so you need to do another command and so on and so forth so this one commits are about they are just gonna hold all of your files and thought to have been committed at this specific area or at the specific time the job something to commit with the specific changes that you have a feel submitted so and those actually what are but the meds so to do commit so I just go ahead and get commit and you put the commits needs I like specific message you know what to tell which commit is this so you just type git commit and the M represents the message so let's say that just gonna have three eight initial Camaro something like this so it looks very basic think and very very simple so just pressing enter now we have created it and commit so go give status as you can see we get everything removed what we get like given main.js is being like mortified since we have just added some modification as I was talking in a couple of seconds so now the commits the leave the staged file that we're having now like but actually committed and we were actually having no staged its file not to take to check your commands use the git log Camille so get one command what it tells you or does actually gives you your commit so since now we have only one commit you're just gonna show one come in this is like the hash commit or the unique hash commit which is like specific hash represent a specific commit only that specific image has this specific unique hash so you can refer refers this commit later on when you need it and I feel actually get like a beautiful informations like the is fabulous who's the author of this the email and when all the deeds of something in this case and to actually the specific date with the time in the seconds and the minute everything and also the commit message over lock shows you which commenced also it shows you which prints this commit has been added to so as you can see the master is the branch the branch what I mean by British British is holding a couple of commits so like imagine a branch like is a container and commits are like notes so commits are connected between each other like each of them with lines so each commands a new commit is connected with the lines so all of the comments are connected to each other and they are actually in that container of the breath so they are in Doha branch the branch holds a couple can so when you like publish your code or something you are publishing a branch into like the your web your web hosting or something your gets version web hosting so this watchfully brittish's also branches are very very important thing actually so all you do to create a new branch so let's say you're gonna have like the first thing you can notice in here we have like a default branch get like a surfer or created for us automatically by default whenever we like type the first commit which is the master brush the master branch pretty much exists on every single git repository so as you can see here we have the master branch clear for us by default so the master branch represents the main brush we can work we can create another break if we need to so let's say like we have faced in you and your our code like a bug so let's say this hello will function has a bug and after committing the first initial like comment we'll figure out that oh we have a bug in here what's going on so we need to fix this bug but what we want it do not take this box seriously and we don't want from this bug to affect our actual actual kill or actual brush which which holds up all of our code and working directories and code so what we want to create another branch which is a new branch let's call us a bug fix so this new branch we can I just type in and you commit which you're gonna work on this new commit is gonna work or try to fix this bug if this if y'all succeeded like fixing this new bug we can take this brush and merge it with our master branch which can unlike fix the bug on all the whole code base which is pretty good so if you haven't like we have failed in fixing the bug it's very simple just can delete this branch and like pretend like we have never faced this bug or just like I don't discard this Park or something like this so we won't affect our code base anyway branches are a very very nice way to manage your code and it's like a high-level thing to work with your kill so let's go ahead and start by looking around branches so for creating a branch a new branch you simply type get branch and you give it the name but you want to like name this brush for example you can name it bug fix like you can create this branch just for fixing a bug then after fixing that bond you take the kill that you have newly created for fixing the bug and merge it with your old kill so you will get a brand new code with a free or bot free or like fix it but it's pretty good and to work with branches so here for demonstrating bridges give you like a little bit of a summary or like a point of view how birch is actually working why they are very important to know as you want to like he use get for your for making the time on your what place and play with it and to make things looks absolutely great when he using yes on your code bases and where I was working pretty much as a developer so let's say we wanna go ahead and create a new branch so as you can see here we have like an hello a word and let's say like we want to create a a brand new feature like a big feature so for just demonstration purposes just gonna create a very simple and basic feature so let's just go ahead and use get branch and create a new branch just leave me like new feature branch or something like that you can name it whatever feature you're trying to create in your work now we have got that so just you can try get a branch in you can just list the branches that you have in the repository and you get like this green thing which is the master branch which is we actually check it out branch which is the the one that we are working right now and the new feature branch as well just created right now so here but since we are going to work on the just gonna take our old code and add a new feature to this code so what we need is to check out this new branch so checking out means you you are going to change from the bastard branch to the new feature branch show any new commits you're going to submit just be saved into the new feature branch and the master branch won't even know about this new commit or once even know about any changes you make to the whole repository in here so since you are actually working on the new feature rather than working on the master branch so you can check that out just by typing git checkout and you type in the brace you want to check out just typing that and you can get switch it to new branch so here you can get to get wonk and it just gonna show you the head is exactly pointing into the new feature branch which is pretty good and I also just hop here and an only initial format so here what I wanted to go ahead and create a new feature so website this new feature is going to be like I don't know something like new feature or something like you get something here we try to add some kind of a feature just for an example just any use like a console log and yay something new feature just get something like that just for demonstrating that we have add a new feature and we we did actually add something in here so here as you can see we have add a new feature it's only saved under the get or the new feature branch so you can just go ahead and get status that your guests like the modify thing into the name box yes and it's in staged or in tracked so you need to add that moment to be able to commit it so here if can go ahead and check out the master branch so if you can go ahead like gets and check out the master branch so master you can get that switch to that and if you can go ahead get gets tattoos again I can't type you get to get started you still get this multiply brunch so here let's just go back into our from YouTube features branch so new feature okay the new feature branch and what we wants it to commit this change let's say that's not finish this new newly created a feature and we want to like commit it into our repository so here we need to add the changes remember get add the dot needs at everything and here we need to commit everything so we just use the command then we give it a message like that new you feature or something new feature suppose that here we are committed something if you can go ahead and use the get lock and as you can see we have got a brand new feature only for the new feature branch so the head is pointing into the new feature brush and the new feature branch is pointing into our newly created commit which is the add a new feature but the master is still pointing into the initial commit so the master has no idea about this newly created command and has no idea about this new feature so like that it still has the old kill the old feature no new feature is encoded into the master branch so here let's say that's we have finished with this new feature brush the only the job or the only job for the new feature branch let's we have created for is just making this new feature possible and making it work and realizing that and just making sure that everything is working fine now after finishing within what we need is to take the changes that we have submitted into the new feature bridge and merge it with the master branch of our master branch I'm gonna have this new feature successfully so he's just gonna receive it then we can get rid of this new feature branch or you know remove it since we don't need it anymore so to do that just in order to get merge commit so or merge command and you here you need to check out the the like the branch you are actually going to merge into so what we want is to take the new feature the changes on the new feature and merge it to the master branch so we need to check out the master burns first so check out the master and after checking out to the master as you can see in here the changes just goes away and disappears the new feature disperses we are now working into the master branch so what we want now is to merge everything and make sure you are under the branch you you want to send the data into your master branch so we can merge things you give it which when a man emerged from so we just give it a new video emerge as you can see we get successfully the new feature added into the main projects and we get some kind of a very nice things in here the six lines has been imported and one line has been delivered and stuff like that some kind of an unloved six from get to to make you or like you know what is going on behind the scenes so simple that this is how it works in a very very nicely clear part three so this how actually branches work now to get rid of the branch you just type in the git branch and the D command means the least so you give it the name of the branch to the new feature and the little British new feature is now the joint with a new feature brush house gone and it's just we don't need it anymore now it just has done his job perfectly into screen the new feature then we're eating things up so this like what brushes are for just fixing bugs or create new feature or working on something beside our main or the master code then after finishing that you just take this changes and merge it with our master code so you can have the full code or our working code if something failed anything is new branch we can just delete it we can get rid of it without our actual code or our actual application gets affected by any of that miss fill file or fulfilled changes in a very very good way so this is actually what branches are for in a very very nice and like purified way now some of you might ask you we need to push something now have to clean in this repository and all this kind of things we still need to know what to learn how we can take the changes and push it into some kind of a web hosting so in this particular example I've chosen Europeans so since get is free and open source and everyone can I can be able to access getting use it freely so I've just gone into my account in here my opinion was and if could you'd like a new repository just call the learn dance and what I'm trying to do is just gonna take all of that files and I'm just gonna unlike publish it into this new git repository so you can go ahead and create that of co-creating that you can get this piece off for information so this piece for information what it tells you just gonna give you this URL and this is like the moment with the mail like the most piece of information that you need the most like a beneficial piece of information so you need to get the oil on the repository so you can push the your code into this real world make sure to use this Europeans you can use SSH for HTTP still the best way to do that so just copy that from here any of you can as you can see to just gonna give you some kind of instructions to use it but we don't need that anymore so what we needed you to push things into we need to cruise to add our repository URL so we use the git remote command so we get remote command gonna give us like our remote you can help mute for most like your production server you have like a server you're like mean working to where you can push your code into or your backup server or your development server and so someone and so forth topple over more servers so it allows you with multiple service not only one you can use multiple servers so you can usually get room remote when you know whatever you type that's just gonna give you a list to all of you're pushing servers and fetching circles but for now since we have nothing so just gonna give us that so to add and you feel server you use the git remote add and you give it the name so what you usually name your things is the origin which means the main origin of your record and between quotations you give it your like repository URL so they all rather to grab the older just copy pasting it and here you go so just type in ass you have other things so you can just do what having to look come to this so I'll get remote again and as you can see we've got the origin has been added successfully to us now what we can do is just take our code and push it into this repository so to do that it's very very simple all you do is just go ahead and go with get push use the command push and don't you do you just gonna remember you're like you're going to kill me from Ishibashi open for right now so the you the first thing you give it is the brush you wanna like or like the origin or the URL you want to push into so you remember that Kovac or that we have added like a couple seconds ago and the second thing is the British you want to like publish or push it into your repository which is the master page that's it's all like current current working in brushing here you can push any brushes into any other brushes into your get repository something that you can create like custom brushes in here and push custom brushes from here into this one and so on and so forth but this is not that necessary for us what we need is just to pad or push the master branch into the imposter so only that we do that we use the git push the hue origin master and just gonna push our things into so for you if you just this is your first time using gas you're gonna get like some kind of like a pop-up in here and you just aren't gonna ask you for your password and email or use your name so you need to go ahead and put your user name put your password or your email and you are actually good to get what skills to here using it from github so we need to put in my username for my work it up I can put in here like my views your name also in here what you need is to put your password I've stopped it for a second in here so what you need is just to grab in make sure that you go ahead and put in either your right email in here and your right password to grab it like the right things then put them back in them so here let me try it again to put my like email password so okay having stipes this correctly again I don't know I can't hide things correctly this month so our Paris again and type in my password in here so the password show up of course just for privacy you know so the password as you can see you get the process so first it compresses things and it just gonna work on objects just gonna send them and you can see here gives ghosts from the master or the bridge that we are currently working on in to the master bridge into our repository so now after seeing that you can see everything is working pretty much fine and we have successfully pushing our code into the clock so if you can go back into here and we to the code and we refresh actually everything as you can see we get our newly created code in a very nice way into our new repository so as you can see the same thing in here I'm having only one directory I'm having the main door chance and the top environment and ignore it doesn't exist in here since we have added into the git ignore so remember that they get ignored just gonna get one whenever you're just gonna open up this file and read from it just gonna ignore any files or directories are into this particular get ignore file so it won't push them into the like the server or the repos remote repository so here we have we've got only the production things we can get it to up Curtis can see in a very successful way the styles and stuff like that so as you can see this how you can actually work with the kids and pushing things back and forth between two of these I'm also make sure to grab in the right username and password between both of these now one last thing to cover before we end up this video tutorial is how you can get rid of like commands but you don't need so let's say you can if you can go ahead and like use the git log right now and as you can see we get the origin master and the new things that we've created which is our remote remote repository so the head is pointing into the masked one of the master house this this is the latest commits that we have committed in duties the add a new feature let's say like you have like let's say you have it you think in here something like blah blah or something I don't care about that you just missed a heel out of the bug in here any you want to get rid of that changes in here because when we want students after committing so it to you you've added your changes to the staging area and you have committed dance so we're just trying to do that commit it and as you can see we got everything working five can go ahead and go to get log and now the master is pointing entered into this commit so I still see here what we're getting is like a full a full five comments or like a wrong can so we want let's say like we have wrongs committed this this one which we don't want action we wanted to leave this one and roll back the changes so do that yeah it allows you to do that using the reset command so the reason securement allows you to delete any command or any comments and just revert to a lot of a last commit before the commit that you have just deleted and it just actually allows you to delete the commands that you you were actually working on the latest one so to do that using the git reset and using the hard flag so just gonna allow it to double or like delete and we sent to the latest or the previous commands so here and when you give it you give it the head so the head versus actually the head is pointing so remember here if you can take along the head is pointing in the reveal latest commit you can check out the head so you can detach this head and put it into any other commit so if we try to delete the comment you can take this head check it out enter this command and you can delete this commit and this command actually gonna be delayed also has me so since this command is coming before the latest command so the list command is gonna be like deleted automatically after try to delete in this one and you're gonna end up your head pointing into this command specifically so make sure to do not do that just point like this and make sure because this is very necessary or very dangerous option to do but the leading just commands so make sure you you know what actually doing up before deleting anything from your posture because these changes cannot be reverted and you can't get your coat back or your changes or in commands back so make sure to like know what you aren't for me doing so for that you give it that and give it this really like the little create new what he tells you are telling it like a reference so these calls references by giving it this little creating you we are referencing the head commit so whatever the head is pointing into we are trying here getting feel like America after you can get the commit point just copy and paste in this really long hash and code but you can also use references which the head and you by using this little crowns you give you telling about give me the command that is the head is being appointed to so here we're gonna get reset Dutch hard - head just type in that's kinky head is now under the new feature so I can go ahead and get log and as you can see we've gone up two of the leaders committed commands so now we are reverting back intervene add a new feature and the changes from here has gone forever so this time how we actually get rid of the commits and stuff also you can do that the head point use it just pick it check out and I'll check out actually and you give it where you want your head to be check it out so you can copy this L like hash code of any command you want to like the head so you can see the hair now is under the latest commands which is the add new feature let's say you want to move this head to pointing into this particular commands which is the initial command so the head only means that you're working like you work in progress so whenever the head is pointing into this is where you are actually working whether it's pointing into like a branch and the branch up to this point into a like the latest commit or something you can detach this head and take it forward to like point into like free commits without a branch or something like that so here you're just gonna give it where the chronic point the point and as you can see head now is anything like a list of commands if you can get what had to be used like initial as you can see the head now is only pointing into this command so in a very simple way very sophisticated way this is how we can use kids in a very basic language so that's that's affectionately guys we have covered a lot of things we get and how he works how you can push things and branches personals very important in very very nice way to organize your data your commands and your code gracious so that's actually guys but this video tutorial was a very nice thing hopefully that that helps you a lot and I'm hoping for more videos like that if you like this bridge of that like button smash them in any comments that would be appreciated and also actually guys I will catch you all in the next video tutorial